html语义元素标签

什么是语义元素？

语义元素清楚地向浏览器和开发者描述其意义。

非语义元素的例子：<div> 和 <span> - 无法提供关于其内容的信息。

语义元素的例子：<form>、<table> 以及 <img> - 清晰地定义其内容。

根据元素（“标签”）其被创造出来时的初始意义来使用它。打个比方，用 heading 元素来定义头部标题，p 元素来定义文字段落，用 a 元素来定义链接锚点，等等。

有根据有目的地使用 HTML 元素，对于可访问性、代码重用、代码效率来说意义重大。

元素名	语义	注释
main	主标签	页面主要部分只出现一次
header	头部标签	并非仅限页面头部，由指所在块区域的头部
footer	底部区域	同上
nav	导航区域	—
ul li	无序列表	—
article	独立区域	—
section	相似的区域	页面循环块，比如每件商品
aside	挂件	附加内容 、广告位、侧边栏
small	小标题	如标题的说明
time	时间	—
abbr	提示	鼠标悬浮会有提示内容
sub	下角标	H2O
sup	上角标	52
del	已被删除的文本	常和ins共用
ins	更新后的文本	常和del共用
s	不准确的文本	—
code	代码块	—
string	强调的文本	加粗
em	强调的文本	斜体
mark	强调的文本	标记
cite	引用文本	—
blockquote	引用段落	—
address	地址	—

如有缺失欢迎补充