HTML <article> 要素はドキュメント、ページ、アプリケーション、あるいはサイトの中で自己完結した構成物を表します。これは、例えば通信社によって独立して配信や再利用が可能であることを意図します。これはフォーラムへの投稿、雑誌や新聞の記事、ブログのエントリ、オブジェクト、その他のコンテンツで独立したアイテムが考えられるでしょう。
それぞれの <article> は、主に子要素として見出し (<h1>-<h6> element) を含むことによって明確にするべきです。
使用上の注意:
| コンテンツカテゴリ | フローコンテンツ、セクショニングコンテンツ、パルパブルコンテンツ |
|---|---|
| 許可された内容 | フローコンテンツ |
| タグの省略 | 不可。開始と終了タグの両方が必要。 |
| 許可された親要素 | フローコンテンツを受け入れるすべての要素。<article> 要素を <address> 要素の子孫にしてはいけない点に注意してください。 |
| DOM インターフェイス | HTMLElement |
属性
この要素は、すべての要素で使用可能なグローバル属性以外の属性を持ちません。
例
<article class="film_review"> <header> <h2>Jurassic Park</h2> </header> <section class="main_review"> <p>Dinos were great!</p> </section> <section class="user_reviews"> <article class="user_review"> <p>Way too scary for me.</p> <footer> <p> Posted on <time datetime="2015-05-16 19:00">May 16</time> by Lisa. </p> </footer> </article> <article class="user_review"> <p>I agree, dinos are my favorite.</p> <footer> <p> Posted on <time datetime="2015-05-17 19:00">May 17</time> by Tom. </p> </footer> </article> </section> <footer> <p> Posted on <time datetime="2015-05-15 19:00">May 15</time> by Staff. </p> </footer> </article>
仕様
| 仕様書 | 策定状況 | コメント |
|---|---|---|
| WHATWG HTML Living Standard <article> の定義 |
現行の標準 | |
| HTML5.1 <article> の定義 |
草案 | |
| HTML5 <article> の定義 |
勧告 |
ブラウザ実装状況
| 機能 | Chrome | Firefox (Gecko) | Internet Explorer | Opera | Safari |
|---|---|---|---|---|---|
| 基本サポート | 5 | 4.0 (2.0) | 9.0 | 11.10 | 4.1 |
| 機能 | Android | Firefox Mobile (Gecko) | IE Mobile | Opera Mobile | Safari Mobile |
|---|---|---|---|---|---|
| 基本サポート | 2.2 | 4.0 (2.0) | 9.0 | 11.0 | 4.2 |