html5の構成

今更な気もするけれど、HTML5のアウトライン構成するセクショニングコンテンツ(article,navなどのタグ)の分類分けをHTML5 Doctor HTML5 Element Flowchartのフローチャートで見分けられる。

上記、HTML5 Doctor HTML5 Element Flowchart　より参照

1，主要なナビゲーションならば"nav"。
↓
2，単一の記事、それだけで表現できるコンテンツならば、"article"。
↓
3，コンテンツの内容と関連性が低い情報、コンテンツの注釈、広告の類ならば、"aside"。
↓
4，コンテンツの文章説明の他に付録として存在する画像、グラフなどは"figure"。
↓
5，合理的に見出しをつける必要があるのなら"section"。
↓
6，構造的な意味があれば"p","address","nav","pre"。
↓
7，構造的な意味がないなら"div"。