HTML5结构元素

article元素

article元素“在文档，页面，应用或是站点上的一个独立部分，并且大体上，是可独立分配，或是重复使用的，例如在发布时。这个可以是论坛帖子，杂志或是新闻，博客条目，用户提交的评论，互动的小工具或小工具，或任何其他独立项目的内容。”article>元素专用于结构化文章，总的来说，article用于发表文章,代码如下：

<article>

<header>

<h2>标题党</h2>

<p>小标题</p>

</header>

<divclass="post-content">

    Sweet roll halvah biscuit toffee liquorice tart pudding sesame snaps.    Biscuit powder jelly-o fruitcake faworki chocolate bar. Pudding oat    cake tootsie roll sesame snaps lollipop gingerbread bonbon. Gummies    halvah gummies danish biscuit applicake gingerbread jelly-o pastry.</div>

</article>

section元素

section用于区分文章章块的节，同article元素相比，article元素更加有独立性。可将section元素嵌套于section元素中，

作为容器时，建议应div元素嵌套；，<article>元素还可与section元素结合，需要的时候，可以使用<section>元素将文章分为几个段落。

<div classname="test"> 

<section>

<h2>标题</h2>

<p>文章片段文章片段</p>

<p>文章片段文章片段</p>

</section>

</div>

注：不要将article元素作为容器放置信息，应在外层嵌套div元素，

article元素跟section元素可以互相嵌套。

nav元素

nav元素可以作为导航的元素组，如首页导航，侧边导航，页内导航，通常里面的元素用列表元素,亦可以将nav元素放置在article元素中

作为子元素，网页页脚用footer元素

<article classname="first">

<header>

<h1>标题</h1>

<nav name="daohang">

<ul>

<li>导航元素</li>

<li>导航元素</li>

<li>导航元素</li>

</ul>

</nav>

</header>
<p>文章内容 文章内容</p>

<footer>

<a href="#">页脚内容</a>
</footer>

</article>

<footer>
<a href="#">页脚内容</a>
</footer>
aside元素

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

<header>    <h1>F#入门</h1></header><article>    <h1>第四节 词法闭包</h1>    <p>lambda表达式可以创建词法闭包...(文章正文）</p>    <aside>        <!-- 因为这个aside元素被放置在一个article元素内部，        所以分析器将这个aside元素的内容理解成是和article元素的内容相关联的。 -->        <h1>名词解释</h1>        <dl>            <dt>F#</dt>            <dd>F#为.Net2010中引入的新型函数型编程语言</dd>        </dl>        <dl>            <dt>词法闭包</dt>            <dd>词法闭包是指，将创建lambda表达式时的环境保存起来...(详细解释）</dd>        </dl>    </aside></article>
笔者将header元素作为头部，将article元素作为章节内容，将aside元素放置于章节中。

time元素

time元素用于获取系统时间，其中的pubdate属性用于编写当前文章发布的时间

<article>    <h1>系统时间</h1>    <p><time datetime="2017-06-06">2017-06-06</time></p>    <h1>文章发布时间</h1>    <p><time datetime="2017-06-07" pubdate="true">2017-06-07</time></p></article>