【HTML】语义化

根据内容的结构选择合适的标签

优点

1. 增加代码可读性，结构清晰，便于开发和维护；
2. 对机器友好，文字表现力丰富，有利于SEO。SEO(Search Engine Optimization)是搜索引擎优化，为了让⽤户在搜索和⽹站相关的关键词的时候，可以使⽹站在搜索引擎的排名尽量靠前，从⽽增加流量。
3. 方便设备解析（如盲⼈阅读器等），可⽤于智能分析；
4. 在没有 CSS 样式下，⻚⾯也能呈现出很好地内容结构、代码结构。

常见的语义化标签

title ：⻚⾯主体内容
header ： ⻚眉通常包括⽹站标志、主导航、全站链接以及搜索框。
nav ： 标记导航，仅对⽂档中重要的链接群使⽤。
section ： 定义⽂档中的节（section、区段）。⽐如章节、⻚眉、⻚脚或⽂档中的其他部分。
main，帮助到搜索引擎以及搜索⼯程师找到⽹站的主要内容，本身并不承载特殊的功能和意义。
article： 定义外部的内容，其中的内容独⽴于⽂档的其余部分。
aside ： 定义其所处内容之外的内容。如侧栏、⽂章的⼀组链接、⼴告、友情链接、相关产品列表等。
footer：⻚脚，只有当⽗级是body时，才是整个⻚⾯的⻚脚。
address： 作者、相关⼈⼠或组织的联系信息（电⼦邮件地址、指向联系信息⻚的链接）。