3.内容が独立したコンテンツを表す

<article>~</article>

article要素は、ニュースサイトの記事やブログの記事(工ントリー)のように、独立してそれだけで完結しているコンテンツを表す要素です。
掲示板の投稿、ブログ記事へのコメント、ウィジェットやガジェットの領域などにも利用できます。
コンテンツがarticle要素の内容として適しているかどうかは、RSSフィードで利用される場合を考えるとよいでしよう。そのコンテンツがRSSフィードの内容になりうるとすれば、article要素が適しているといえます。






■サンプル

<!DOCTYPE html>
<html lang=”ja”>
<head>
<meta charset=”UTF-8”>
<title>article SAMPLE</title>
</head>
<body>
<article>
 <header>
  <h1>内容が独立したコンテンツ</h1>
 </header>
 <p>article要素は、ニュースサイトの記事やブログの記事(工ントリー)のように、独立してそれだけで完結しているコンテンツを表す要素です。</p>
 <footer>
  <p><a href=”http://www.html5-labs.com/example.html#comment”>1件のコメント</a></p>
 </footer>
</article>
</body>
</html>

■要素解説

カテゴリー:フロー・コンテンツ/セクショ二ング・コンテンツ/パルパブル・コンテンツ
利用できる場所:フロー・コンテンツが期待される場所
コンテンツモデル:フロー・コンテンツ

■ブラウザ対応状況

IE10=○、IE9=○、Firefox=○、Chrome=○、Safari=○、Opera=○、iOS6=○、iOS5=○、Android=○