HTML <nav> タグ：正しい理解と使い方

定義と使い方

<nav> タグは、Navigation（ナビゲーション）の略で、サイト内の他のページや別サイトへの主要なリンクが集まる「案内メニューエリア」であることを示すために使用されます。

すべてのリンクに使うのではなく、サイトのグローバルメニュー（ヘッダーの主要メニュー）、フッターの主要リンク、サイドバーのカテゴリ一覧など、「主要なナビゲーション」を囲むのに使うのが適切です。これによって、画面読み上げソフトのユーザーが、メニューをジャンプして直接コンテンツを読み進めることができるようになります。

基本例

<nav>
  <ul>
    <li><a href="index.html">ホーム</a></li>
    <li><a href="about.html">会社概要</a></li>
    <li><a href="contact.html">お問い合わせ</a></li>
  </ul>
</nav>