web语义化:方便搜索引擎和游览器可以读懂文档的内容,例如知道页面上哪些是对应图片的文本介绍,哪些是文档所有者的联系方式,哪些是引用
以前一直过多的用了div+css的方式,现在把所有的html标签都自己整理了一下,形成一个表格,方便查询。备注部分是自己的理解和一些看法。对于一些兼容性不是很好的标签,已经省去。下面的标签中还有很多存在兼容问题,特别是ie系列。若有不对之处请指正。
标签 | 作用 | 备注 |
a | 超级链接 | |
abbr | 简称或缩写 | |
address | 文档或文章所有者的信息 | 位于body内表示文档所有者信息、article表示位文章所有者信息 |
area | 图片映射 | |
article | 独立于文档的其余部分 | |
aside | 其所在内容的另外内容 | |
audio | 声音标签 | |
b | 文本标签 | 没有其他标签可以使用的时候、才可以用这个标签,strong:表示重要文字, |
base | 超级链接的默认地址 | |
bdo | 文字打印方向 | |
big | 字体变大 | 字体将会变大一号,最大7号,不一样的游览器将不一样 |
blockquote | 引用、块 | 引用,增大外边距 |
body | 必须 | |
br | 换行 | |
button | 按钮 | |
canvas | 画布 | |
caption | 表格标题 | |
center | 水平居中 | |
cite | 引用外部文档或外部文章 | 自动摘录外部的文档的目录、整理表格,并打印 |
code | 代码 | |
col | 表格对齐方式 | |
colgroup | 表格对齐方式 | group方便对齐 |
datalist |
输入文本可能的值 | 与input使用 |
dd | 对于dt的解释 | |
del | 已经被删除的内容 | |
dfn | 一个项目 | |
dir | 不推荐使用 | |
div | 块元素 | |
dl | 项目或内容的列表 | |
dt | 项目或内容的介绍 | dl项目列表、dt项目介绍、dl项目更加清楚的描述或介绍 |
em | 强调文本 | strong强调文本 |
embed | 外部插件 | flash |
fieldset | 表格头 | 对表格内容打包,形成新的 |
figcaption | 为图像带上一个标题 | figure一起用 |
figure | 文档中插入图片,并且图片需要带上标题 | |
font | 文本 | 不推荐 |
footer | 文档底部描述、页脚 | |
form | 表单 | |
frame | 框架 | 有人不推荐使用这个、但是还是有人使用 |
frameset | 多个框架 | 与frame一起使用 |
h1-h6 | ||
head | 必须 | |
header | 文档头部 | |
hr | 水平线 | 不推荐 |
html | 必须 | |
iframe | 框架 | |
img | 图片 | |
input | 输入 | |
ins | 新插入的文本 | |
kbd | 键盘文本 | |
keygen |
加密 | |
label | 关联输入radio | |
legend | 将表单内的元素组合、关联、显示文本 | 与fieldset使用 |
li | 列表 | |
link | 链接外部样式 | |
main | 文档主要内容 | |
map | 图片映射集 | 与area使用 |
mark | 突出文本 | |
meta | 搜索引擎关键词、文旦描述 | |
meter | 定义数值的范围以及值 | |
nav | 导航链接 | |
noframes | 为不能处理框架的游览器进行文字显示 | |
noscript | 脚本无法执行时显示文本 | |
object | 对象:图片,音频、flash等 | |
ol | 有序列表 | |
optgroup | 对option内容进行分组 | 与select、option一起使用 |
option |
选项列表 | |
output | 输出文本 | |
p | 段落 | |
param |
object对象的属性极其值 | 与object使用 |
pre | 预格式化的文本 | |
progess | 进度条 | |
q | 引用 | q:段的引用,blockquote:长的引用 |
rp | 注释 | 与ruby、rt一起使用 |
s | 不推荐 | |
script | javascript脚本 | |
section |
文档中的节:页眉页脚 | |
select | 选择标签 | 与option一同使用 |
small | 字体变小 | 如果字体已经达到最小,将不再变小 |
source | 音频来源 | 游览器选择自己可以播放的音频 |
span | 有人不推荐使用span,推荐使用strong,但是还是有人在用 | |
style | css样式 | |
sub | 下标 | |
sup | 上标 | |
table | 表格 | |
tbody | 表格主体 | |
td | 表格列 | |
textarea | 多行输入输出文本框 | |
tfoot | 表格页脚 | |
thead |
表格主体 | |
time |
时间 | |
title | 必须 | |
u | 下划线 | |
ul | 无序列表 | |
var | 变量 | |
vide | 视屏 | |
wbr | 换行 | 单词过长,用于定义换行 |