Widely available すべての主要ブラウザで対応済み。安心して使用可能。
セクショニング Widely available

<nav>

<nav> 要素はナビゲーションリンクを提供するページのセクションを表します。

セクショニング

概要

<nav> 要素はナビゲーションリンクを提供するページのセクションを表します。

対応ブラウザ

デスクトップ

Chrome 5+
Edge 12+
Safari 5+
Firefox 4+

モバイル

Chrome Android 18+
Safari iOS 4.2+
Firefox Android 4+

基本構文

HTML 
<nav aria-label="メインナビゲーション">
  <ul>
    <li><a href="/">ホーム</a></li>
    <li><a href="/products">製品</a></li>
    <li><a href="/about">会社概要</a></li>
    <li><a href="/contact">お問い合わせ</a></li>
  </ul>
</nav>

実務での使いどころ

  • <nav> の活用

    ナビゲーションリンクのセクションを表す要素。メインメニューやパンくずリストに使用。

注意点

  • 古いブラウザでは対応していない場合がある。

アクセシビリティ

  • スクリーンリーダーでの読み上げを確認すること。

参考リンク