HTML标签整理（HTML5.3）
结合了W3C官⽅⽂档和MDN
【5】表⽰是HTML5新增的标签
根据功能HTML可分组为：
1. The document element（根元素）
元素全写描述
html hyper text meta language顶级元素（根元素）
2. Document metadata（⽂档元数据）
元素全写描述
head head html元素的第⼀个⼦元素
title title定义⽂档的标题， 显⽰在浏览器的标题栏或标签页上
base base指定⼀个⽂档中包含的所有相对URL的基本URL。⼀份中只能有⼀个<base>元素。
link link⽤于引⽤外部资源。这个元素经常⽤来链接样式表（如CSS⽂件）。
meta meta定义 其他 HTML 元素⽆法描述的元数据(例如浏览器⾃定义数据，搜索引擎相关数据，开发者验证数据等) style style⽤于内联css
3. Sections（章节）
元素全写描述
body body HTML⽂档内容所在之处
article article【5】【 基本兼容】表⽰⽂档、页⾯、应⽤或⽹站中的独⽴结构，可独⽴分配，可复⽤的结构
sectio
n section
【5】【 基本兼容】表⽰⽂档中的⼀个区域（节）。⽐如内容中的⼀个专题组，⼀般会包含⼀个标
题。
nav navigato
r
【5】【 基本兼容】HTML导航栏
aside aside【5】【 基本兼容】表⽰⼀个和其余页⾯内容⼏乎⽆关的部分。其通常表现为侧边栏或者嵌⼊内容。h1~h6heading【HTML4兼容好】【基本兼容】表⽰各级别标题
header header【5】【 基本兼容】表⽰页头
footer footer【5】【 基本兼容】表⽰页脚
4. Grouping content（组织内容）
元素全写描述
p paragragh【 HTML4兼容好】表⽰⽂本段落，是⼀个块级元素
addr ess address
【 兼容性较好】可以让作者为它最近的article或者body祖先元素提供联系信息。在后⼀种情况下，它应⽤于整个⽂档。 表⽰⼀个和联系信息⽆关的任意的地址时，使⽤p元素⽽不是address元素。
hr horizontal
rule
【 HTML4兼容好】表⽰段落之间的换⾏。注意要语义化地使⽤hr，⽽不是表现层⾯上
pre preformat
ed
【 HTML4兼容好】表⽰预定义格式⽂本。 通常不是代码，如果是代码，最好内嵌code标签
bloc kqu ote blockquot
e
块级引⽤：表⽰其内部的⽂字是引⽤别⼈的部分
ol ordered
list
【 HTML4兼容好】有序列表
ul unordere
d list
【 HTML4兼容好】⽆序列表
li list【 HTML4兼容好】⽤于表⽰列表⾥的条⽬，必须被包含在ol/ul/menu⾥
dl definition
list
【 HTML4兼容好】列表
dt definition
term
【 HTML4兼容好】⽤于在dl列表中声明⼀个术语
dd definition
descriptio
n
【 HTML4兼容好】必须跟在dt后，⽤来描述dl列表中⼀个术语的描述
figur
e
figure【5】【 基本兼容】代表⼀段独⽴的内容（ 插图、表格或者是代码实例）
figc apti on
figure
caption
【5】【 基本兼容】与其相关联的图⽚的说明/标题，⽤于描述其⽗节点 figure元素⾥的其他数据
main main【5】【 基本兼容】表⽰⽂档的主体部分
div divide⽤于对元素进⾏分组的块级元素，没有合适的语义化标签时才去使⽤
元素全写描述
5. Text-level semantics（⽂本级语义）
元
素
全写描述
a anchor超链接
em emphasis【 HTML4兼容好】表⽰重读，⼀句话中的某个部分进⾏强调，⽤于表⽰句⼦中重点
stro ng strong
【 HTML4兼容好】表⽰强调，⽤于对⼀整句话进⾏强调，表⽰⽂本在上下⽂的重要型的，⽐
EMphasis更强，表⽰这句话很重要，或进⾏语法⾼亮
sma ll small
【违反结构与样式分离原则】使⽂本的字体变⼩⼀号，这个元素被HTML5重新定义为表⽰边注释和
附属细则，包括版权和法律⽂本。
s strike【违反结构与样式分离原则】表⽰删除线
cite cite表⽰⼀个作品的引⽤
html frameq quote⾏内引⽤⼀个短的⽂本（长的⽂本使⽤blockquote代替）
dfn define【 HTML4兼容好】表⽰相应内容是预定义的⼀个术语
abb
r
abbreviation【 兼容性较好】对段落⽂本内的缩写单词进⾏标注，可提供悬停显⽰全写效果rub ruby【5】【 HTML5兼容性需注意】 ⽤来展⽰东亚⽂字注⾳或字符注释
y rb
rt ruby text 【5】【⼤部分不兼容】包含字符的发⾳，字符在 ruby 注解中出现，它⽤于描述东亚字符的发⾳。
这个元素始终在 ruby元素中使⽤
rtc ruby text
container
【5】【⼤部分不兼容】包含⽂字的语义注解，它们在 rb元素中展⽰
rp
ruby
parenthesis
【5】【⼤部分不兼容】 ⽤于为那些不能使⽤ ruby元素展⽰ ruby 注解的浏览器，通常是展⽰圆括
号。
dat
a
data【5】 【IE11不兼容】表⽰内部内容是机读信息CanIUse⽆法检索到兼容性信息
tim
e
time【5】【元素仍在设计中】表⽰内容是时间
cod
e
code【 HTML4兼容好】表⽰内部为代码
var variable【 HTML4兼容好】表⽰这个关键字为变量
sam
p
sample【 HTML4兼容好】表⽰这个内容为计算机程序输出
kbd keyboard【 HTML4兼容好】表⽰这个关键字应通过键盘输⼊
sub |su p subscript|su
perscript
【 HTML4兼容好】表⽰上标|下标
i italic【 违反结构与样式分离原则】⽤于与普通⽂本区分的⽂本，表⽰为斜体
b bold【 违反结构与样式分离原则】表⽰摘要中的关键字，评论中的产品名称等，只是加粗显⽰，不强调
u unarticulate
d
【4中废弃，5重新定义⽤来表⽰拼写错误】【避免使⽤】
mar k mark
【5】【 HTML5兼容良好，留意使⽤】 表⽰相关性，⼀般对相关的单词进⾏突出显⽰，突出显⽰的
⽂本通常可能和⽤户当前活动具有某种关联性，⽐如搜索的结果
bdi bidirectional
isolation
【不建议使⽤】双向隔离元素
bdo bidirectional
override
【不建议使⽤】双向覆盖元素
spa
n
span【 HTML4兼容好】通⽤⾏内容器
br break 【 HTML4兼容好】在⽂本中换⾏， 是为达到内容宽度时的强制换⾏，不是新启段落，不是⽤来增加
⾏距
wbr word break 【5】【 IE11不兼容】 ⼀个⽂本中的位置，其中浏览器可以选择来换⾏，虽然它的换⾏规则可能不
会在这⾥换⾏
元
素
全写描述
6. Edits（编辑标识）
元素全写描述
ins insert【HTML4兼容性好】表⽰⽂本已被插⼊，通常⽤于历史版本跟踪和⽂本差异⽐较的场景del delete【HTML4兼容性好】表⽰⽂本已被删除，通常⽤于历史版本跟踪和⽂本差异⽐较的场景
7. Embedded content（内嵌内容）
元
素
全写描述pi
ct ur e picture
【尚在开发中】 是⼀个容器，⽤来为其内部特定的 img元素提供多样的 source元素。浏览器会根据当前页
⾯（即图⽚所在的盒⼦的容器）的布局以及当前浏览的设备（⽐如普通的屏幕和⾼清屏幕）去从中选
择最
合适的资源。
s
o
ur
c
e
source【5】 【 Win8以上⽀持】为 <video> 或 <audio> 这类媒体元素指定媒体源
i
m
g
image【 HTML4兼容好】代表⼀张图⽚
if
ra m e inline
frame
【 HTML4兼容好】代表⼀个内联的框架
e
m
b
e
d
embed【4中已废弃，5允许引⼊svg等元素，不建议使⽤】 代表⼀个嵌⼊ 的外部资源，如应⽤程序或交互内容
o
bj
e
ct
object【 HTML4兼容好】⽤于嵌⼊对象，flash等
p
ar
a
m
parameter【 HTML4兼容好】代表 <object> 元素所指定的插件的参数
vi
d
e
o
video【5】【 兼容性不佳】 代表⼀段视频 及其视频⽂件和字幕，并提供了播放视频的⽤户界⾯
a
u
di
o
audio【兼容性较好】【5】 代表⼀段声⾳，或⾳频流
tr
a
c
k
track【 ⼤部分不兼容】【5】 为 <video> 或 <audio> 这类媒体元素指定⽂本轨道（字幕）
m
a
p
map【 HTML4兼容好】与 area属性⼀起使⽤来定义⼀个图像映射(⼀个可点击的链接区域)
ar
e
a
area【 HTML4兼容好】在图⽚上定义⼀个热点区域，可以关联⼀个超链接。仅在map元素内部使⽤。
m
at math【5】定义⼀段数学公式
h
s v g scalable
vector
graphics
【5】定义⼀个嵌⼊式⽮量图
元
素
全写描述
8. Tabular data（表格数据）
元素全写描述
table table表格， CSS出现后，不再建议使⽤TABLE进⾏布局，⽽是仅仅在真正需要以表格显⽰时使⽤captio
n
caption表格的标题
colgro up colume
group
【 HTML4兼容好】表格中⼀组单列或多列
col colume【 HTML4兼容好】定义表格中的列
tbody table body 表格的内容，表头，表尾和内容这⼏个标签⽤于分组tr，可不写，但书写上将对浏览器渲染表格的顺
序进⾏优化，因此应该使⽤
thead table head表格的表头tfoot table foot表格的表尾tr table row表格的⾏
td table data
cell
表格的数据单元格
th table head
cell
表头内的单元格
9. Forms（表单）
元素全写描述
form form【HTML4兼容好】表⽰表单
label label【HTML4兼容好】⽤于表单内的元素的标题
input input【HTML4兼容好】 表单内的输⼊框或按钮
button button代表按钮
select select【HTML4兼容好】 代表下拉框
datalist datalist【5】【 ⼤部分不完全兼容】 代表提供给其他控件的⼀组预定义选项optgroup option group【HTML4兼容好】 ⼀个选项分组
option option【HTML4兼容好】 代表⼀个 <select> 元素或 <datalist> 元素中的⼀个选项textarea textarea【HTML4兼容好】 代表多⾏⽂本框
output output【5】【 IE11不兼容】 代表计算值
progress progress【5】【 HTML5兼容好】 代表进度，通常显⽰为进度条
meter meter【5】【 ⼤部分不兼容】 代表滑动条
fieldset fieldset【HTML4兼容好】 代表控件组