section, article, aside, nav の役割と使い分け


セクションを表す要素4つ

1.<section>

その範囲が一般的な「章・節・項」であることを示す
サイトをひとつのテーマを取り扱う文書と考えた場合、文書を構成する要素に属するのであれば<section>を使用する

2.<article>

その範囲がセクションの中で独立している
サイトをひとつのテーマを取り扱う文書と考えた場合、文書の構成を外れた、全く独立したコンテンツであれば<article>を使用する

3.<aside>

メインコンテンツとは関連性が薄い要素に使用する。
補足や広告など。

4.<nav>

その範囲がナビゲーション(文書でいうところの目次に当たるもの)であることを示す。

サイトがひとつのテーマを取り扱う「本」や「論文」と考えてみると、それぞれのセクショニングタグの役割がわかりやすいなと思いました。