1、首先需要了解一下为什么需要语义化
①:易修改、易维护
②:无障碍阅读
③:搜索引擎友好,利于SEO
④:面向未来的HTML,浏览器在未来可能提供更丰富的支持
2、结构语义化
①:<header>元素,两种用法:一种使标注内容的标题,另一种是标注网页的页眉(一般不在内容中使用)
②:<nav>导航栏,(主要导航使用他,也可以是一组文章的链接)
③:<aside>附注,(可以是侧栏,也可以用来说明文章的附加内容)
④:<footer>页脚,(仅可以包含版权、来源信息、法律限制等之类的文本或链接信息)
⑤:<main>主要内容,(标识主体内容)
⑥:<article>文章,(表示一个完整的、自称一体的内容块。如文章或新闻报道)
其他还有挺多标签,具体可以查看:https://developer.mozilla.org/zh-CN/docs/Web/HTML/Element