HTML => 标签语义化

1. header <header></header>

• 官方定义：标签定义文档的页眉（介绍信息）。
• 个人理解： 顾名思义，头部信息

2. nav <nav></nav>

• 官方定义： 标签定义导航链接的部分。
• 个人理解： 顾名思义，导航栏，一般导航栏就是链接到别的地方

3. main<main></main>

• 官方定义：元素中的内容对于文档来说应当是唯一的。它不应包含在文档中重复出现的内容，比如侧栏、导航栏、版权信息、站点标志或搜索表单。
• 个人理解：就是说这个main标签不应该被那些重复出现的标签包裹，eg：

<!-- 这里nav就是会重复出现的 -->
<nav>
	<!-- 这里就不应该出现main标签 -->
	<main></main>
</nav>
<nav></nav>

4. article<article></article>

• 官方定义：标签规定独立的自包含内容。
• 个人理解：是一个可独立分配的、可复用的结构，如：
  • 论坛帖子
  • 报纸文章
  • 博客条目
  • 用户评论

5. aside<aside></aside>

• 官方定义：aside 的内容应该与附近的内容相关
• 个人理解：就是侧边栏嘛

6. footer<footer></footer>

• 官方定义：标签定义文档或节的页脚，通过包括
  • 文档的作者
  • 版权信息
  • 使用条款链接
  • 联系信息等等
• 个人理解： 就是底部，你的网页的底部

7. section<section></section>

• 官方定义：表示一个包含在HTML文档中的独立部分，它没有更具体的语义元素来表示，一般来说会有包含一个标题。例如，导航菜单应该包含在<nav>元素中，但搜索结果列表和地图显示及其控件没有特定元素，可以放在<section>里。
• 注意：如果元素的内容作为一个独立的有意义的集合，<article>元素可能是更好的选择。
• 不要把<section> 元素作为一个普通的容器来使用，这是本应该是<div>的用法（特别是当片段（the sectioning ）仅仅是为了美化样式的时候）。 一般来说，一个 <section>应该出现在文档大纲中
• 个人理解：官方满分(●’◡’●)