5
4

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 3 years have passed since last update.

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

Posted at

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

###1.<section>

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

###2.<article>

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

###3.<aside>

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

###4.<nav>

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

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

5
4
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
5
4

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?