This page is Ready to Use

Notice: The WebPlatform project, supported by various stewards between 2012 and 2015, has been discontinued. This site is now available on github.

article

Summary

<article>はページ内で単独で完結する構成要素を定義します。

Overview Table

DOM Interface
HTMLElement

<article>は<div>タグを減らすためにHTML5から導入された要素です。<article>は主に以下の内容を表します。

  • フォーラムの投稿
  • 雑誌や新聞の記事
  • ブログのエントリ
  • ユーザの投稿したコメント
  • インタラクティブなウィジェット/ガジェット

上記以外にも独立したコンテンツを表すのに使います。

<article>要素をネストする時は、内側の<article>の内容は外側の<article>に関連したコンテンツでなければいけません。例えば、コメントの付いたブログのエントリでは、ブログエントリの<article>の中にコメントの<article>をネストするほうがよいでしょう。

Examples

以下の例では<article><header><footer>を使った記事の基本構成を示します。

<article>
 <header>
  <h1>見出し</h1>
 </header>
 <p>本文</p>
 <p>...</p>
 <footer>フッター</footer>
</article>

Related specifications

HTML 5.1
W3C Working Draft
HTML 5
W3C Recommendation

See also

Other articles

nav - <article>タグの子要素としてよく用いられます。

External resources

Attributions