{{HTMLVersionHeader(5)}}
概要
HTML <article>
要素はドキュメント、ページ、アプリケーション、あるいはサイトの中で自己完結した構成物を表します。これは、例えば通信社によって独立して配信や再利用が可能であることを意図します。これはフォーラムへの投稿、雑誌や新聞の記事、ブログのエントリ、ユーザが投稿したコメント、インタラクティブなウィジェットやガジェット、その他のコンテンツで独立したアイテムが考えられるでしょう。
使用上の注意:
<article>
要素を入れ子にした場合、内側の要素は外側の要素に関する記事を表します。例えばブログ投稿へのコメントは、ブログ投稿を表す<article>
内へ入れ子にした<article>
要素にできます。<article>
要素の著者情報は {{HTMLElement("address")}} 要素で提供できますが、入れ子にされた<article>
要素に適用してはいけません。<article>
要素の発行日時は、{{HTMLElement("time")}} 要素の {{htmlattrxref("pubdate", "time")}} 属性で示すことができます。
- コンテンツカテゴリ フローコンテンツ、セクショニングコンテンツ、パルパブルコンテンツ
- 許可された内容フローコンテンツ
- タグの省略 {{no_tag_omission}}
- 許可された親要素 フローコンテンツを受け入れるすべての要素。
<article>
要素を {{HTMLElement("address")}} 要素の子孫にしてはいけない点に注意してください。 - DOM インターフェイス {{domxref("HTMLElement")}}
属性
この要素はグローバル属性以外の属性を持ちません。
例
<article> <h4>A really awesome article</h4> <p>Lots of awesome text.</p> </article>
仕様
仕様書 | 策定状況 | コメント |
---|---|---|
{{SpecName('HTML WHATWG', 'sections.html#the-article-element', '<article>')}} | {{Spec2('HTML WHATWG')}} | |
{{SpecName('HTML5 W3C', 'sections.html#the-article-element', '<article>')}} | {{Spec2('HTML5 W3C')}} |
ブラウザ実装状況
{{CompatibilityTable}}
機能 | Chrome | Firefox (Gecko) | Internet Explorer | Opera | Safari |
---|---|---|---|---|---|
基本サポート | 5 | {{CompatGeckoDesktop("2.0")}} | 9.0 | 11.10 | 4.1 |
機能 | Android | Firefox Mobile (Gecko) | IE Mobile | Opera Mobile | Safari Mobile |
---|---|---|---|---|---|
基本サポート | 2.2 | {{CompatGeckoMobile("2.0")}} | 9.0 | 11.0 | 5.0 (iOS 4.2) |
関連情報
- 他のセクション関連要素: {{HTMLElement("body")}}, {{HTMLElement("nav")}}, {{HTMLElement("section")}}, {{HTMLElement("aside")}}, {{HTMLElement("h1")}}, {{HTMLElement("h2")}}, {{HTMLElement("h3")}}, {{HTMLElement("h4")}}, {{HTMLElement("h5")}}, {{HTMLElement("h6")}}, {{HTMLElement("hgroup")}}, {{HTMLElement("header")}}, {{HTMLElement("footer")}}, {{HTMLElement("address")}}
- HTML5 文書のセクションとアウトライン
{{HTMLRef}}