HTML 标签的名称都带有语义（semantic），使用时应该尽量符合标签的语义，不要用错误语义的标签。语义良好的网页，天然具有良好的结构，对于开发者易读易写，容易维护，也能帮助计算机更好地处理网页内容。
1.header 标签可以用在多个场景，既可以表示整个网页的头部，也可以表示一篇文章或者一个区块的头部。
公司名称
2. footer 表示网页、文章或章节的尾部。如果用于整张网页的尾部，就称为“页尾”，通常包含版权信息或者其他相关信息。
3. main 表示网页的主体内容，一个页面只能有一个main标签
页眉 文章
5. article 标签表示页面里面一段完整的内容，即使页面的其他部分不存在，也具有独立使用的意义，通常用来表示一篇文章或者一个论坛帖子。它可以有自己的标题（<h1>到<h6>）。
文章标题
文章内容
6. aside 用来放置与网页或文章主要内容间接相关的部分
主体内容 第一段
7. section 标签表示一个含有主题的独立部分，通常用在文档里面表示一个章节，比如<article>可以包含多个<section>。<section>总是多个一起使用，一个页面不能只有一个<section>。
文章标题
第一章
...
第二章
...
8. nav 用于放置页面或文档的导航信息。
9. h1 ~ h6 文章标题
10. hgroup 多级标题组合,如果主标题包含多级标题（比如带有副标题），那么可以使用<hgroup>标签，将多级标题放在其中。
Heading 1
Subheading 1
Subheading 2