HTML语义化

什么事HTML语义化

html语义化就是根据标签, 我就知道标签内的是啥内容. 比如: aside标签表示一个侧边栏, header标签表示头部, 而footer标签表示尾部. 这就是html语义化. 语义话可以更好的让我们理解文档内容.
一篇文档会根据内容区分结构, 这些结构我们就可以了赋予不同的标签, 比如header, footer, main, section, article等.
我们根据这些标签也能更好的理解内容.

有哪些常见的语义化标签

基本上hmtl中的标签都是语义化的标签. 有些标签是缩写形式, 比如表格标签中的行标签tr就是table row的缩写.
下面时我们常见的语义化标签.
对于结构:
body表示文档的内容, 一片文档中只能有一个body标签.
header表示头部
footer表示底部
section表示章节
main表示主体部分
aside表示侧栏
nav表示导航栏

对于表格:
table表示表格
theader表示表格标题
tbody表示表格主体
tr表示表格行
td表示表格列

对于列表:
ul, ol分别表示无序列表和有序列表, li就是列表项

对于文字内容:
p表示段落
a表示超链接
em表示强调

参考资料

初探-HTML5语义化
HTML5标签列表
理解html语义化