文档元数据
元数据(Metadata)含有页面的相关信息,包括样式、脚本及数据,能帮助一些软件 (如搜索引擎, 浏览器等等)更好地运用和渲染页面。对于样式和脚本的元数据,可以直接在网页里定义,也可以链接到包含相关信息的外部文件。
<base>:指定文档里所有相对 URLs 地址的基础 URL
<head>:规定文档相关的通用信息(元数据),包括文档标题、样式或脚本的链接或定义。
<title>:定义文档的标题,显示在浏览器的标题栏或标签页上。它只可以包含文本,若是包含有标签,则包含的任何标签都不会被解释。
<link>:指定了外部资源与当前文档的关系. 这个元素的使用方法包括为导航定义关系框架.这个元素经常用来链接css文件。
<meta>:表示那些不能由其它HTML元相关元素<head>,<base>,<link>,<title>或<stlye>之一表示的任何元数据信息.
<stlye>:规定元素的行内 CSS 样式
标题 h1~h6
h1:最大标题
h4:中号标题
h6:最小号标题
文本突出:
mark:几乎和内容无关,就是为了标示(匹配搜索项,拼写错误等)
strong:表示强调标签文本内容,不改变其含义
em:表示感情上的强调,增强了语气
段落和块:
p:语义化的段落标签,用于文章分段,有默认的间距
div:普通的块标签,多用于布局,默认没有边距
换行和横线:
:换行
:横线
行内书写:
<span>:组合行内元素,以便通过样式来格式化它们
图片:
img:图片
属性:
- src:图片地址
- alt: 图片因为网络等原因未成功加载时候的显示文案内容
- width/height:可以是像素值或者相对于父容器的百分比,两个属性仅设置一个,另外一个值会按相应等比缩放
有序无序列表:
ol:有序列表
属性:
- start:规定起始值,默认1
- type:1、A、a、I、i,默认是数字
- reversed:降序(h5新加)
ul:无序列表
属性:type(不推荐使用,使用css)
- disc:实心原点
- square:方块
- circle:空心圆圈
注:ol和li(ul和li)总是要在一起使用,li用来标示每个元素,ol(ul)把它们归为一组
链接:
a:超链接
例:
<a target="_blank" href="http://www.baidu.com/">百度</a>
属性:
- target: 打开页面方式
- href:链接要指向哪里
- _self: 默认,在当前选项卡打开,替换当前页面
- _blank:新的选项卡打开
- _parent:在父框架中打开
- _top: 在最顶层打开
- framename
按钮
<button>:按钮
定义表格
table:定义表格
thead :标签定义表格的表头
caption:定义表格标题
table属性:
border:边框
cellpadding:td的内边距
cellspacing:td的外边距
width:table宽度
td属性:
align:水平对其方式
valign:垂直对齐方式
width:宽度,默认自动分布
dl: 展示有标题和内容的自定义表格
dt :标题子标签
iframe: 在当前页面嵌入一个页面
tr :代表表格的一行
th :代表表格第一行的列内容
td :代表表格的一列
全局属性:
class:规定元素的一个或多个类名(引用样式表中的类)
dir:规定元素中内容的文本方向
id:规定元素的唯一 id
lang :规定元素内容的语言
draggable:规定元素是否可拖动
title:规定有关元素的额外信息
translate:规定是否应该翻译元素内容
accesskey:规定激活元素的快捷键
contenteditable:规定元素内容是否可编辑
data-*:自定义属性
spellcheck:规定是否对元素进行拼写和语法检查
tabindex:规定元素的 tab 键次序
body:定义文档的主体
网友评论