代码改变世界

html标签整理

2016-03-13 15:24  我的梦想那么大  阅读(283)  评论(0编辑  收藏  举报

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 换行 单词过长,用于定义换行