大枠
- header
- 企業ロゴ、各種リンク、お知らせ
- main
- メインコンテンツ
- footer
- ページの制作者や運営者に関する情報、関連ページへのリンク、copyright
- smallタグ
- 著作権表記に使用、欄外注釈など
まとまりを表す要素
- nav
- webサイト内の主要なナビゲーションを表す。リンクメニュー。
- article
- articleのまとまりひとつで意味がわかるもの。その名の通り記事のまとまりなどに使用する。
- aside
- webページの主要コンテンツとは関係のない一節。広告など。
- section
- 上記3つに該当せず、section要素だけでは全体の意味が掴めないもの。
- div
- レイアウトが目的のまとまり
- ブロック要素
- span
- こちらもレイアウトが目的のまとまり
- インライン要素
- main
- 各ページのメインコンテンツ
- 各ページに1つ
- navやasideのなかに含むのはNG