HTML标签语义化

文档结构

header

网页的头部，包含网站logo，导航栏等内容

nav

导航栏，一般用在header内部

main

网页的主要内容，不包含侧边栏，导航栏，版权信息等

article

文档，一般用在main内部
文档中可以脱离其他的部分，独立而完整，通常有自己的标题，当article内部嵌套arcticle时，里外层的内容应该相关

section

文档中的主体内容
通常有自己的标题，与article的区别是为它是整体的一部分或者是文章的一小节

aside

侧边栏或者 嵌入内容
通常认为是独立拆分出来而不受整体影响的一部分，作为主要内容的附属信息，如索引，词条列表，或者页面以及站点的附属信息，如广告，作者资料等

footer

脚部
通常包含作者，版权信息或者相关链接

表格

caption

表格标题

thead

表头行

tbody

表主体

tfoot

脚注

form表单元素

label

为input元素定义标注，改进了表单控件的可用性，当你点击到label标签时，会自动聚焦到对应控件上，label标签一般有两种用法

1.label的for属性与控件的id对应

<label for="username">
  请输入用户名:
  <input type="text" id="username" name="username">
</label>

2.label内嵌控件

<label>请输入用户名<input type="text" id="username" name="username"></label>

其他

文档中的一些嵌入式内容，比如引用的图片，插图，表格，代码段等，可以作为独立的单元，当这部分转移到附录中或者其他页面时不会影响到主体，这样的元素都可以放在<figure>元素内，而且可以搭配其子元素<figcaption>作很好的元素说明或者备注信息

转载链接:关于语义化标签的一些思考