<article> * - 記事（新）

■ 概要

項　　目説　　明
記述形式 <article>～</article>
対応ブラウザー H5+ / e9+ / Fx4+ / Op11.1+ / Ch5+ / Sa4.1+
種　　類
（カテゴリー）		 フロー・コンテンツ　［ただし，子孫に main要素 を含まないこと］，
セクショニング・コンテンツ，パルパブル・コンテンツ
置ける場所 フロー・コンテンツが記入できる場所
内包要素
（コンテンツ・モデル）		 フロー・コンテンツ
（コンテンツ・モデル: カテゴリー）

■ 解説

<article> は，ブログの投稿やニュースサイトの記事など，HTML文書の中で独立した記事として扱える箇所を表す要素です。　例えば，ブログの最新記事一覧のページで各投稿記事に対応する部分を示すようなときに，article 要素が適しています。

article要素は入れ子にすることができます。　ただし，内側の article要素の内容は，外側の article要素の記事内容に直接関連するものである必要があります。　たとえば，ブログの１つの記事に対して，複数のコメントが投稿されている場合，最初の記事と全コメントを含めたものを１つの article要素として，各コメントを，それぞれその子要素としての article要素とすることができます。

■ 属性

種　　類名　　称
【固有属性】 なし
【グローバル属性】 accesskey，class，contenteditable *， dir，
hidden *，id， lang，spellcheck *，style，
tabindex，title，translate *
【ARIA role属性】 で
指定可能な値 （役割）		 article （既定の役割のため指定対象外），
application，document，または，main
【ARIA aria-* 属性】 で
指定可能なもの		 ARIA グローバル状態とプロパティ，
指定可能な役割の任意の状態とプロパティ   

■ CSSプロパティ

種　　類名　　称
【よく使うもの】

■ 使用例

HTMLソース
HTML
<body> ～ </body>		 
<article>
 <header>
  <h5>HTML5 に対応しました</h5>
  <p><time pubdate datetime="2009-10-09T14:28-08:00"></time></p>
 </header>
 <p>HTMLリファレンスを HTML5（ワーキングドラフト）に対応させました。</p>
 <section>
  <h5>コメント</h5>
  <article>
   <footer>
    <p>投稿者: 山田太郎</p>
    <p><time pubdate datetime="2009-10-10T19:10-08:00"></time></p>
   </footer>
   <p>ようやく・・・ですねｗ</p>
  </article>
 </section>
</article>

ブラウザー 表示例
HTML5 に対応しました

HTMLリファレンスを HTML5（ワーキングドラフト）に対応させました。

コメント

投稿者: 山田太郎

ようやく・・・ですねｗ

■ 備考