HTML

2013-03-24, html

section vs article

sectionとarticleはどちらもHTML5で登場してきたブロック要素ですが、いざ使おうと思ったときにどちらにすれば良いか迷います(navやasideは比較的分類し易いですが)。articleは、sectionの特殊な形態と考えられ、例えばニュースの記事のようにそれ単体で一つの意味を成すコンテンツである場合に利用されます。一方、sectionは汎用的な性質を持つのですが、divほどの汎用性を持たせるべきではなく、そのセクションで囲まれたコンテンツ全体に一つの表題をつけることが出来る(意味のまとまりがある)場合に使用します。

うーん。やっぱり解り難いですね。html5doctor.comのフローチャートに沿って言い換えると、まずは、articleの使用を検討します(単体で情報を伝えきれているか?)。次に、そのブロック要素全体に一つの表題をつけることが出来るかを検討します。これが可能ならsectionを、そうでないならdivを使用する、ということになります。

参考URL

HTML5 Cookbook

この記事は役に立ちましたか?