HTML 结构

article

article元素代表文档、页面或应用程序中独立的、完整的、可以独自被外部引用的内容。 article元素也可以用来表示插件，它的作用是使插件看起来好像内嵌在页面中一样。

<article>
    <header>
        <h1>可以有标题</h1>
        <p>内容1</p>
    </header>
    <p>内容2</p>
    <footer>
    <p>页脚内容</p>
    </footer>
</article>

section

section元素的作用是对页面上的内容进行分块，或者说对文章进行分段。一个section元素通常由内容及其标题组成。但section元素并非一个普通的容器元素；当一个容器需要被直接定义样式或通过脚本定义行为时，推荐使用div而非section元素。

<section>
    <h1>标题</h1>
        <p>内容</p>
</section>

nav

nav元素是一个可以用作页面导航的链接组，其中的导航元素链接到其他页面或当前页面的其他部分。并不是所有的链接组都要被放进nav元素，只需要将主要的、基本的链接组放进nav元素即可。

<nav>
    <ul>
        <li><a href="/">home</a></li>
        <li><a href="/posts/">posts</a></li>
    </ul>
</nav>
<article>
    <header>
        <h1>标题</h1>
        <nav>
            <ul>
                <li><a href="#1">第一块</a></li>
                <li><a href="#2">第二块</a></li>
            </ul>
        </nav>
    </header>
</article>

aside

aside元素用来表示当前页面或文章的附属信息部分，它可以包含与当前页面或主要内容相关的引用、侧边栏、广告、导航条，以及其他类似的有别于主要内容的部分。

<aside>
    <h2>Blogroll</h2>
    <ul>
        <li><a href="#">Facebook</a></li>
        <li><a href="#">Tweet</a></li>
    </ul>
</aside>

pubdate

pubdate属性是一个可选的、boolean值的属性，它可以用到article元素中的time元素上，意思是time元素代表了文章或整个网页的发布日期.

<article>
    <header>
        <h1>新品发布会</h1>
        <time datetime="2017-09-17" pubdate>2017年9月17日</time>
    </header>
</article>

header

header元素是一种具有引导和导航作用的结构元素，通常用来放置整个页面或页面内的一个内容区块的标题，但也可以包含其他内容，例如数据表格、搜索表单或相关的logo图片。

hgroup

hgroup元素是将标题及其子标题进行分组的元素。hgroup元素通常会将h1～h6元素进行分组，譬如一个内容区块的标题及其子标题算一组。

Footer

页脚内容

address

address元素用来在文档中呈现联系信息，包括文档作者或文档维护者的名字、他们的网站链接、电子邮箱、真实地址、电话号码等。