DIV CSS 佈局教程網

article元素代表文檔、頁面或應用程序中獨立的、完整的、可以獨自被外部引用的內容。它可以是一篇博客或者報刊中的文章、一片論壇帖子、一段用戶評論，或其它任何獨立的內容。

除了內容部分，一個article元素通常用作它自己的標題，有時還有它自己腳注。

下面是一段關於article元素的實例：

<article>
  <header>
    <h1>標題</h1>
    <p>發表日期：<time pubdate="pubdate">2011年7月10號</time></p>
  </header>
  <footer>
    <p>w3cmm 版權所有</p>
  </footer>
</article>

article元素是可以嵌套的，內層的內容原則上需要與外層的內容相關聯。例如，一篇博客文章中，針對該文章的評論就可以使用嵌套article元素的方式，用來呈現評論的article元素被包含在表示整體內容的article元素裡面。

下面是一個關於article元素的代碼實例:

<article>
  <header>
    <h1>標題</h1>
    <p>發表日期：<time pubdate="pubdate">2011年7月10號</time></p>
  </header>
  <section>
    <h2>評論</h2>
    <article>
      <header>
        <h3>張三的評論</h3>
        <p>12分鐘前</p>
      </header>
      <p>……</p>
    </article>
    <article>
      <header>
        <h3>李四的評論</h3>
        <p>15分鐘前</p>
      </header>
      <p>……</p>
    </article>
  </section>
</article>
</article>