article - ドキュメント、ページ、アプリケーションなどを定義

主な使用用途として、シンジケーションのように、単独で再配布でき再利用できるよう意図したものです。
これはフォーラムの投稿、雑誌や新聞の記事、ブログのエントリ、ユーザーが投稿したコメント、インタラクティブなウィジットやガジェット、その他、文書内で自己完結可能な箇所が考えられます。
article要素がネストすることができますが、子要素となるarticle要素は、親要素となるarticle要素 のコンテンツに関連した記事を表します。(例:ブログの場合、記事に対するコメントなど)

article要素のブラウザ別サポート状況

- ie6 ie7 ie8 ie9 firefox4 chorme safari5 opera10
article - - - -

article要素のHTML4からHTML5への変更点

article要素は、HTML5から新たに追加された要素です

コンテンツ属性

グローバル属性 すべての要素で共通に使える属性。HTML5で新たに定義された属性もあります。

「ブログでの利用例」のサンプル

HTMLコード

<article>
 <header>
  <h1>ブログの投稿例</h1>
  <p><time pubdate datetime="2010-10-09T14:28-08:00"></time></p>
 </header>
 <p>article要素は、ブログの記事に使われることが想定されます。</p>
 <footer>
  <a href="?comments=1">コメントを見る</a>
 </footer>
</article>

プレビュー

対応していないブラウザでは正しくプレビューされません。

別ウィンドウで「ブログでの利用例」のサンプルプレビューを確認

「ネストの例」のサンプル

HTMLコード

<article>
 <header>
  <h1>ブログの投稿例(ネスト)</h1>
  <p><time pubdate datetime="2011-9-07T14:28-08:00"></time></p>
 </header>
 <p>article要素は、ネストすることができます。</p>
 <p>...</p>
 <section>
  <h1>コメント</h1>
  <article>
   <footer>
    <p>投稿者: コメント太郎</p>
    <p><time pubdate datetime="2009-10-10T19:10-08:00"></time></p>
   </footer>
   <p>ネストされているarticle要素です。コメントに使われています。</p>
  </article>
  <article>
   <footer>
    <p>投稿者: コメント太郎</p>
    <p><time pubdate datetime="2010-8-10T19:10-08:00"></time></p>
   </footer>
   <p>ネストされているarticle要素です。コメントに使われています。</p>
  </article>
 </section>
</article>

プレビュー

対応していないブラウザでは正しくプレビューされません。

別ウィンドウで「ネストの例」のサンプルプレビューを確認

原文(英語):(http://www.w3.org/TR/2010/WD-html5-20100624/sections.html#the-article-element)