<nav>: NAV 要素
最終更新：2026-10-13
<nav>NAV 要素
主要なナビゲーションリンク（メインナビ・パンくず・ページネーションなど）のセクションを表します。
| カテゴリ | セマンティック |
|---|---|
| コンテンツモデル | フローコンテンツ |
| 許可される親要素 | フローコンテンツを受け入れる要素 |
| 閉じタグ | 必要 </nav> タグ |
| ステータス | 標準 |
📝 構文
<nav>ナビゲーションリンク</nav>▶ サンプル
下のコードを編集して、playground でリアルタイム結果を確認：
🌐 ブラウザサポート
| ブラウザ |  Chrome |
 Edge |
 Firefox |
 Safari |
 Opera |
|---|---|---|---|---|---|
| <nav> | ✓ v1 | ✓ v12 | ✓ v1 | ✓ v1 | ✓ v1 |
| すべての主要ブラウザでサポート | |||||
ヒント： すべてのリンク集が nav になるわけではありません。主要なナビゲーションに限定しましょう。
❓ よくある質問
Qnav と ul＋li だけで作るナビの違いは何ですか？
A
<nav> は「ナビゲーションのランドマーク」という意味を提供し、スクリーンリーダーは一覧化して直接ジャンプできます。中には通常 <ul><li> でリンクを組んで入れます。<ul> 単独では、ただのリストでナビゲーションの意味はありません。定番の構造は <nav><ul><li><a>リンク</a></li></ul></nav> です。Q1ページに複数の nav を置けますか？
A置けます。グローバルナビ・パンくずリスト・フッターのリンク群・記事の目次など、それぞれを
<nav> にできます。ただし、すべてのリンクを包む必要はありません。主要なナビゲーションブロックだけを nav にし、各 nav に aria-label（「グローバルナビ」「パンくず」など）を付けて区別すると親切です。Qすべてのリンクを nav の中に入れるべきですか？
A入れる必要はありません。仕様は
<nav> を「主要なナビゲーションブロック」だけに使うことを推奨します。本文中の普通のリンクを包む必要はなく、フッターの二次的なリンク群も nav なしでよいとされています。nav を乱用するとランドマークの意味が薄れます。🏷️ 関連タグ
💡 関連ケース
今後さらにケーススタディを追加予定です。
📚 関連チュートリアル
