Tweet

Pocket

従来のhtmlでは、レイアウトを構築する際にdiv要素をして屈指して定義する必要がある為、どのような文章構造になっているかがわかりにくい場合がありました。
html5では文章構造をより明確にする為に、新たな要素が追加されました。

文章構造を明確にする為に追加された要素は以下になります。

[section] → HTMLドキュメント内の一般的なセクションを表す要素
[header] → セクションのヘッダを表す要素
[footer] → セクションのフッタを表す要素
[nav] → ナビゲーションに特化したセクションを表す要素
[article] → ニュース記事やブログの投稿等の独立したコンテンツのセクションを表す要素
[aside] → HTMLドキュメント内の主要なセクションと少し関連のあるセクションを表す要素

上記の追加要素を一般的なブログの構造に例として当てはめると以下のようになります。