<nav>: ナビゲーションセクション要素

ジャンプ先:

HTML の <nav> 要素は、現在の文書内の他の部分や他の文書へのナビゲーションリンクを提供するためのセクションを表します。ナビゲーションセクションの一般的な例としてメニュー、目次、索引などがあります。

属性

この要素にはグローバル属性のみがあります。

すべてのリンクを <nav> 要素に入れる必要はありません。 <nav> はナビゲーションリンクの主要なブロックのみに用います。 <footer> にもよくリンクのリストが設置されますが、 <nav> 要素をの中に入れる必要はありません。
<nav> 要素は文書内に複数設定することができます。例えば、サイトナビゲーションを一つ、ページ内ナビゲーションを一つなどです。このような場合、アクセシビリティを強化するために、 aria-labelledby を使用することができます。例をご覧ください。
スクリーンリーダーのような障碍者向けのユーザーエージェントは、この要素を使用してナビゲーション用のコンテンツを初期読み上げから省略するかを判断するために使用することがあります。

この例では、リンクの番号なしリスト (<ul>) を包含するために <nav> ブロックを使用します。適切な CSS によってサイドバー、ナビゲーションバー、あるいはドロップダウンメニューにすることができます。

<nav class="menu">
  <ul>
    <li><a href="#">Home</a></li>
    <li><a href="#">About</a></li>
    <li><a href="#">Contact</a></li>
  </ul>
</nav>

仕様書	状態	備考
HTML Living Standard <nav> の定義	現行の標準	最新の W3C スナップショットから変更なし
HTML5 <nav> の定義	勧告	初回定義

	デスクトップ						モバイル
	Chrome	Edge	Firefox	Internet Explorer	Opera	Safari	Android webview	Android 版 Chrome	Edge Mobile	Android 版 Firefox	Android 版 Opera	iOS 版 Safari	Samsung Internet
基本対応	Chrome 完全対応 5	Edge 完全対応あり	Firefox 完全対応 4	IE 完全対応 9	Opera 完全対応 11.1	Safari 完全対応 4.1	WebView Android 完全対応あり	Chrome Android 完全対応あり	Edge Mobile 完全対応あり	Firefox Android 完全対応 4	Opera Android 完全対応 11	Safari iOS 完全対応 4.2	Samsung Internet Android 完全対応あり

タグ:

このページの貢献者: mfuji09, yyss, ethertank

最終更新者: mfuji09, 2018/10/08 11:08:17