HTML <article> 要素はドキュメント、ページ、アプリケーション、あるいはサイトの中で自己完結した構成物を表します。これは、例えば通信社によって独立して配信や再利用が可能であることを意図します。これはフォーラムへの投稿、雑誌や新聞の記事、ブログのエントリーが考えられるでしょう。
| コンテンツカテゴリー | フローコンテンツ、セクショニングコンテンツ、パルパブルコンテンツ |
|---|---|
| 許可された内容 | フローコンテンツ |
| タグの省略 | 不可。開始と終了タグの両方が必要。 |
| 許可された親要素 | フローコンテンツ を受け入れるすべての要素。<article> 要素を <address> 要素の子孫にしてはいけない点に注意してください。 |
| 許可された ARIA ロール | application、document、feed、main、presentation、region |
| DOM インターフェイス | HTMLElement |
属性
この要素は、すべての要素で使用可能な グローバル属性 以外の属性を持ちません。
使用上の注意
- それぞれの
<article>は、主に子要素として見出し (<h1>-<h6>element) を含むことによって明確にするべきです。 <article>要素を入れ子にした場合、内側の要素は外側の要素に関する記事を表します。例えばブログ投稿へのコメントは、ブログ投稿を表す<article>内へ入れ子にした<article>要素にできます。<article>要素の著者情報は<address>要素で提供できますが、入れ子にされた<article>要素には適用されません。<article>要素の発行日時は、<time>要素のdatetime属性で示すことができます。<time>要素のpubdate属性は W3C HTML 5 標準から外されましたので注意してください。
例
<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>
仕様
| 仕様書 | 策定状況 | コメント |
|---|---|---|
| HTML Living Standard <article> の定義 |
現行の標準 | |
| HTML 5.1 <article> の定義 |
勧告 | |
| HTML5 <article> の定義 |
勧告 |
ブラウザー実装状況
| 機能 | Chrome | Edge | Firefox (Gecko) | Internet Explorer | Opera | Safari |
|---|---|---|---|---|---|---|
| 基本サポート | 5 | (有) | 4.0 (2.0) | 9.0 | 11.10 | 4.1 |
| 機能 | Android | Edge | Firefox Mobile (Gecko) | IE Mobile | Opera Mobile | Safari Mobile |
|---|---|---|---|---|---|---|
| 基本サポート | 2.2 | (有) | 4.0 (2.0) | 9.0 | 11.0 | 4.2 |