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】【 基本兼容】表示文档、页面、应用或网站中的独立结构，可独立分配，可复用的结构
section	section	【5】【 基本兼容】表示文档中的一个区域（节）。比如内容中的一个专题组，一般会包含一个标题。
nav	navigator	【5】【 基本兼容】HTML导航栏
aside	aside	【5】【 基本兼容】表示一个和其余页面内容几乎无关的部分。其通常表现为侧边栏或者嵌入内容。
h1~h6	heading	【HTML4兼容好】【基本兼容】表示各级别标题
header	header	【5】【 基本兼容】表示页头
footer	footer	【5】【 基本兼容】表示页脚

4. Grouping content（组织内容）

元素	全写	描述
p	paragragh	【 HTML4兼容好】表示文本段落，是一个块级元素
address	address	【 兼容性较好】可以让作者为它最近的article或者body祖先元素提供联系信息。在后一种情况下，它应用于整个文档。 表示一个和联系信息无关的任意的地址时，使用p元素而不是address元素。
hr	horizontal rule	【 HTML4兼容好】表示段落之间的换行。注意要语义化地使用hr，而不是表现层面上
pre	preformated	【 HTML4兼容好】表示预定义格式文本。 通常不是代码，如果是代码，最好内嵌code标签
blockquote	blockquote	块级引用：表示其内部的文字是引用别人的部分
ol	ordered list	【 HTML4兼容好】有序列表
ul	unordered list	【 HTML4兼容好】无序列表
li	list	【 HTML4兼容好】用于表示列表里的条目，必须被包含在ol/ul/menu里
dl	definition list	【 HTML4兼容好】列表
dt	definition term	【 HTML4兼容好】用于在dl列表中声明一个术语
dd	definition description	【 HTML4兼容好】必须跟在dt后，用来描述dl列表中一个术语的描述
figure	figure	【5】【 基本兼容】代表一段独立的内容（ 插图、表格或者是代码实例）
figcaption	figure caption	【5】【 基本兼容】与其相关联的图片的说明/标题，用于描述其父节点 figure元素里的其他数据
main	main	【5】【 基本兼容】表示文档的主体部分
div	divide	用于对元素进行分组的块级元素，没有合适的语义化标签时才去使用

5. Text-level semantics（文本级语义）

元素	全写	描述
a	anchor	超链接
em	emphasis	【 HTML4兼容好】表示重读，一句话中的某个部分进行强调，用于表示句子中重点
strong	strong	【 HTML4兼容好】表示强调，用于对一整句话进行强调，表示文本在上下文的重要型的，比EMphasis更强，表示这句话很重要，或进行语法高亮
small	small	【违反结构与样式分离原则】使文本的字体变小一号，这个元素被HTML5重新定义为表示边注释和附属细则，包括版权和法律文本。
s	strike	【违反结构与样式分离原则】表示删除线
cite	cite	表示一个作品的引用
q	quote	行内引用一个短的文本（长的文本使用blockquote代替）
dfn	define	【 HTML4兼容好】表示相应内容是预定义的一个术语
abbr	abbreviation	【 兼容性较好】对段落文本内的缩写单词进行标注，可提供悬停显示全写效果
ruby	ruby	【5】【 HTML5兼容性需注意】 用来展示东亚文字注音或字符注释
rb
rt	ruby text	【5】【大部分不兼容】包含字符的发音，字符在 ruby 注解中出现，它用于描述东亚字符的发音。这个元素始终在 ruby元素中使用
rtc	ruby text container	【5】【大部分不兼容】包含文字的语义注解，它们在 rb元素中展示
rp	ruby parenthesis	【5】【大部分不兼容】 用于为那些不能使用 ruby元素展示 ruby 注解的浏览器，通常是展示圆括号。
data	data	【5】 【IE11不兼容】表示内部内容是机读信息CanIUse无法检索到兼容性信息
time	time	【5】【元素仍在设计中】表示内容是时间
code	code	【 HTML4兼容好】表示内部为代码
var	variable	【 HTML4兼容好】表示这个关键字为变量
samp	sample	【 HTML4兼容好】表示这个内容为计算机程序输出
kbd	keyboard	【 HTML4兼容好】表示这个关键字应通过键盘输入
sub|sup	subscript|superscript	【 HTML4兼容好】表示上标|下标
i	italic	【 违反结构与样式分离原则】用于与普通文本区分的文本，表示为斜体
b	bold	【 违反结构与样式分离原则】表示摘要中的关键字，评论中的产品名称等，只是加粗显示，不强调
u	unarticulated	【4中废弃，5重新定义用来表示拼写错误】【避免使用】
mark	mark	【5】【 HTML5兼容良好，留意使用】 表示相关性，一般对相关的单词进行突出显示，突出显示的文本通常可能和用户当前活动具有某种关联性，比如搜索的结果
bdi	bidirectional isolation	【不建议使用】双向隔离元素
bdo	bidirectional override	【不建议使用】双向覆盖元素
span	span	【 HTML4兼容好】通用行内容器
br	break	【 HTML4兼容好】在文本中换行， 是为达到内容宽度时的强制换行，不是新启段落，不是用来增加行距
wbr	word break	【5】【 IE11不兼容】 一个文本中的位置，其中浏览器可以选择来换行，虽然它的换行规则可能不会在这里换行

6. Edits（编辑标识）

元素	全写	描述
ins	insert	【HTML4兼容性好】表示文本已被插入，通常用于历史版本跟踪和文本差异比较的场景
del	delete	【HTML4兼容性好】表示文本已被删除，通常用于历史版本跟踪和文本差异比较的场景

7. Embedded content（内嵌内容）

元素	全写	描述
picture	picture	【尚在开发中】 是一个容器，用来为其内部特定的 img元素提供多样的 source元素。浏览器会根据当前页面（即图片所在的盒子的容器）的布局以及当前浏览的设备（比如普通的屏幕和高清屏幕）去从中选择最合适的资源。
source	source	【5】 【 Win8以上支持】为 <video> 或 <audio> 这类媒体元素指定媒体源
img	image	【 HTML4兼容好】代表一张图片
iframe	inline frame	【 HTML4兼容好】代表一个内联的框架
embed	embed	【4中已废弃，5允许引入svg等元素，不建议使用】 代表一个嵌入 的外部资源，如应用程序或交互内容
object	object	【 HTML4兼容好】用于嵌入对象，flash等
param	parameter	【 HTML4兼容好】代表 <object> 元素所指定的插件的参数
video	video	【5】【 兼容性不佳】 代表一段视频 及其视频文件和字幕，并提供了播放视频的用户界面
audio	audio	【兼容性较好】【5】 代表一段声音，或音频流
track	track	【 大部分不兼容】【5】 为 <video> 或 <audio> 这类媒体元素指定文本轨道（字幕）
map	map	【 HTML4兼容好】与 area属性一起使用来定义一个图像映射(一个可点击的链接区域)
area	area	【 HTML4兼容好】在图片上定义一个热点区域，可以关联一个超链接。仅在map元素内部使用。
math	math	【5】定义一段数学公式
svg	scalable vector graphics	【5】定义一个嵌入式矢量图

8. Tabular data（表格数据）

元素	全写	描述
table	table	表格， CSS出现后，不再建议使用TABLE进行布局，而是仅仅在真正需要以表格显示时使用
caption	caption	表格的标题
colgroup	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兼容好】 代表控件组
legend	legend	【HTML4兼容好】代表 <fieldset> 控件组的标题

10. Interactive elements（交互元素）

元素	全写	描述
details	details	【 IE11不兼容】【5】
summary	summary	【大部分不兼容】【5】
dialog	dialog	【大部分不兼容】【5】表示对话框

11. Scripting（脚本）

元素	全写	描述
script	script	定义一个内联脚本或引入外部脚本
noscript	noscript	定义当浏览器不支持脚本时显示的替代文字
template	template	【5】通过javascript在运行时实例化内容的容器
canvas	canvas	【5】 绘图模板，可直接使用它，但一般会利用绘图框架，间接使用