语义化标签最重要的目标就是，让HTML结构读起来像文章，不用CSS就能理解页面逻辑
比如：
页面头部
内容主要区域
内容分章节
旁支内容
页脚信息
搜索引擎、屏幕阅读器、爬虫程序，全部会用这些结构来判断内容的重要性。
header - 页头（页面或某块内容的头部）
- 整个页面的头部
- 一个 section 或 article 的头部
- 通过包括标题、logo、导航、搜索框
它也可以放在一个article内，表示该文章的头部
main - 主内容主体（页面核心页）
- 全页面只能有一个
<main> - 必须是页面的主要内容（不能放侧栏，版权等）
footer - 页脚（页面底部信息）
- 版权
- 联系方式
- 页脚导航
可以用于页面，也可以用于每篇article内部
section - 有主题的一块内容（主内容的一部分）
section标识某一主题区块，页面结构的一段“章节”
article - 独立，可单独存在的内容
如果这个内容脱离页面也能独立成文，就用 article。
例如：
- 一篇新闻
- 一条微博/博客
- 一个帖子
- 一条评论
<aside> — 旁支内容（非主内容）
aside 是“边栏内容”，通常包括：
- 推荐文章
- 侧边广告
- 作者简介
- 相关链接
不适合用 aside 的情况：把重要内容放到 aside（搜索引擎权重很低）。
