article元素

article元素“在文件，頁面，應用或是站點上的一個獨立部分，並且大體上，是可獨立分配，或是重複使用的，例如在釋出時。這個可以是論壇帖子，雜誌或是新聞，部落格條目，使用者提交的評論，互動的小工具或小工具，或任何其他獨立專案的內容。”article>元素專用於結構化文章，總的來說，article用於發表文章,程式碼如下：

<article>

<header>

<h2>標題黨</h2>

<p>小標題</p>

</header>

<div class="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>

<footer>

<a href="#">頁尾內容</a>

</article>

<footer>

<a href="#">頁尾內容</a>

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>

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>