HTML Tag Reference

nav 要素

主要なナビゲーションを表す

nav 要素は文書内の主要なナビゲーションのセクションを表します。

文書内にあるリンクがすべて nav 要素に含まれる必要はありません。主要なナビゲーションを含むセクションのみに使用します。主要なナビゲーションとは、例えばそのウェブサイト内で共通で使われている、所謂グローバルナビゲーションや、ブログのサイドメニューによくある、カテゴリー一覧などのリンクブロック、あるいは文書内で各セクションに移動するためのリンクブロックなどが該当するかもしれません。

文書のフッタに文書間を移動するリンクがあったとしても、そのセクションが文書のフッタとして扱うのが妥当な場合は、footer 要素を使用するべきです。

もし、nav 要素が見出しを含まない場合は、aria-label 属性を使用して、nav 要素に対し、ナビゲーションを識別できる固有のラベルを付与するとよいでしょう(サンプルソース参照)。

nav 要素の仕様

コンテンツモデル
この要素を使用できる文脈

フロー・コンテンツが期待される場所

この要素で使用できる属性

nav 要素のサンプルソース

<nav aria-label="メインメニュー">
  <ul>
    <li><a href="/">トップ</a></li>
    <li><a href="/blog">ブログ</a></li>
    <li><a href="/contact/">お問い合わせ</a></li>
  </ul>
</nav>
<nav>
  <h1>メインメニュー</h1>
  <ul>
    <li><a href="/">トップ</a></li>
    <li><a href="/blog">ブログ</a></li>
    <li><a href="/contact/">お問い合わせ</a></li>
  </ul>
</nav>

主要ブラウザの対応

IE11
Edge(EdgeHTML)
Edge(Chromium)
Chrome
Firefox
Safari
iOS Safari
Android Chrome

用途から目的の要素を探す

用途から HTML 要素を逆引きできます。