HTML5

article要素とは

2011.10.20

<article>とは自己完結した記事のことを意味します。たとえばブログの記事やニュースなどお知らせの記事。ページの中で単体で完結するセクションです。
今まではwebページのどこからどこまでが本文であるのか示すことが出来なかったのですが、この
<article>を使うことで、プログラム的にWebページを取得して、<article>の部分が記事単体の本文であることを示すことが出来ます!

ブログに対するコメントもarticleでくくることが出来ます。
<article>要素の中に<article>要素を入れ子にすることも出来ます。
この場合は内側の<article>は外側の<article>に関連付いていることになります。

ま、簡単に言うと“RSS配信できるくらい意味が通っている記事”です!

articleの使い方例

<h1>あいみんのWEBデザイナーブログ</h1>
<article>
  <h2>今日のブログのタイトルです</h2>
  <p>ブログの本文がここに入ります!</p>
<article>
  <h2>ブログ記事に対してのコメントのタイトル</h2>
  <p>コメントの本文がここに入ります!</p>
<article>
<article>
  • このエントリーをはてなブックマークに追加