HTML5新增主题结构

article元素

页面或应用程序中独立的、完整的、可以独自被外部引用的内容。

<article>
    <header>
        <h1>article</h1>
    </header>
    <p>主题</p>
    <footer>
        2015-16-05
    </footer>
</article>
<article>
    <h1>这是一个内嵌页面</h1>
    <object>
        <embed src="#" width="300" height="300"></embed>
    </object>
</article>

section元素

对于网站或应用程序中页面上的内容进行分块。注：要有标题

<article>
    <h1>苹果</h1>
    <p>这是一个拼过</p>
    <section>
        <h2>红富士</h2>
        <p>好吃</p>
    </section>
    <section>
        <h2>国关</h2>
        <p>好吃</p>
    </section>
</article>

nav元素

可以作为页面导航连接组，其中的导航元素链接到其他页面或当前页面的其他部分。

<nav>
    <ul>
        <li><a href="#">1</a></li>
        <li><a href="#">2</a></li>
        <li><a href="#">3</a></li>
    </ul>
</nav>

aside元素

表示当前或文章的附属信息部分，它可以包含与当前页面或主要内容相关的引用、侧边栏、广告、导航条。

<article>
    <h1>语法</h1>
    <p>正文。。。。。。。。</p>
    <aside>
        <h1>对这个article的说明</h1>
        <p>说明内容</p>
    </aside>
</article>
<aside>
    <h1>对全局的说明</h1>
    <p>说明内容</p>
</aside>

time元素和pubdate属性

用来无歧义、明确地对机器的日期和时间进行编码，并且以让人易读的方式来展现它，这个元素就是 time 元素。

<article>
    <time datetime="2015-11-11">2015-11-11</time>
    <time datetime="2015-11-11T20:00">2015-11-11</time><!--T是建个-->
    <time datetime="2015-11-11T20:00Z">2015-11-11</time><!--Z  uzc标准时间-->
    <time datetime="2015-11-11T20:00+09:00">2015-11-11</time><!--有时差-->
</article>