您的位置:首页 > Web前端 > HTML

html标签整理

2016-03-13 15:24 155 查看
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不推荐
scriptjavascript脚本
section
文档中的节:页眉页脚
select选择标签与option一同使用
small字体变小如果字体已经达到最小,将不再变小
source音频来源游览器选择自己可以播放的音频
span有人不推荐使用span,推荐使用strong,但是还是有人在用
stylecss样式
sub下标
sup上标
table表格
tbody表格主体
td表格列
textarea多行输入输出文本框
tfoot表格页脚
thead
表格主体
time
时间
title必须
u下划线
ul无序列表
var变量
vide视屏
wbr换行单词过长,用于定义换行
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: