语义化标签

hgroup

代表网页或者section的标题，当元素有多个层级时，该元素可以将h1到h6元素放在其内，譬如文章主标题和副标题的组合。

---

使用细节：
如果只有一个h1-h6标签不要使用hgroup
如果有连续多个h1-h6标签就用hgroup
如果有连续多个标题和其他文章数据，h1-h6标签就用hgroup标签包裹住，然后和其他文章元素一起放进header标签

---

header

代表网页或secction的页眉，通常包含h1-h6或hgroup

---

使用细节：
可以是"网页"或者任意"section"的头部部分
没有个数限制
如果hgroup或h1-h6自己就能工作很好，不要使用header

---

nav

代表页面的导航链接区域，用于定义页面的主要导航部分
用在整个页面的主导航部分，不适合不要用nav元素

section

代表文档中的节或段，段可以是指一篇文章里按照字体的分段，节可以指一个页面的分组

---

使用细节：
section不是一般意义上的容器元素，如果想作为样式展示和脚本的便利，可以用div。
article、nav、aside可以理解为特殊的section，
所以如果可以用article、nav、aside就不要用section，没实际意义的就用div

---

<section>
    <h1>section是啥？</h1>
    <article>
        <h2>关于section</h1>
        <p>section的介绍</p>
        <section>
            <h3>关于其他</h3>
            <p>关于其他section的介绍</p>
        </section>
    </article>
</section>

article

article元素最容易跟section和div容易混淆，其实article代表一个在文档，页面或者网站中自成一体的内容

---

使用细节：
独立文章：用article
单独的模块：用section
没有语义的：用div

---

<article>
    <h1>一篇文章</h1>
    <p>文章内容..</p>
    <footer>
        <p><small>版权：html5jscss网所属，作者：damu</small></p>
      </footer>
</article>

aside

aside元素被包含在article元素中作为主要内容的附属信息部分，其中的内容可以是与当前文章有关的相关资料、标签、名次解释等.
在article元素之外使用作为页面或站点全局的附属信息部分。最典型的是侧边栏，其中的内容可以是日志串连，其他组的导航，甚至广告，这些内容相关的页面。

---

使用细节：
aside在article内表示主要内容的附属信息，
在article之外则可做侧边栏
如果是广告，其他日志链接或者其他分类导航也可以用

---

<article>
            <p>内容</p>
            <aside>
                <h1>作者简介</h1>
                <p>小北，前端一枚</p>
            </aside>
</article>

footer

footer元素代表 网页 或 section 的页脚，通常含有该节的一些基本信息，譬如：作者，相关文档链接，版权资料。

---

使用细节:
footer使用注意：
可以是 网页 或任意 section 的底部部分；
没有个数限制，除了包裹的内容不一样，其他跟header类似。

---

<footer>
     COPYRIGHT@damu
</footer>