HTML <nav>タグ


ナビゲーションリンクのセット:

<nav>
  <a href="/html/">HTML</a> |
  <a href="/css/">CSS</a> |
  <a href="/js/">JavaScript</a> |
  <a href="/python/">Python</a>
</nav>

定義と使用法

<nav>タグは、一連のナビゲーションリンクを定義します

<nav>ドキュメントのすべてのリンクが要素内にある必要はないことに注意してください。この<nav>要素は、ナビゲーションリンクの主要なブロックのみを対象としています。

障害のあるユーザー向けのスクリーンリーダーなどのブラウザは、この要素を使用して、このコンテンツの初期レンダリングを省略するかどうかを決定できます。


ブラウザのサポート

表の数字は、要素を完全にサポートする最初のブラウザバージョンを示しています。

Element
<nav> 5.0 9.0 4.0 5.0 11.1


グローバル属性

この<nav>タグは、HTMLのグローバル属性もサポートしています。


イベント属性

この<nav>タグは、HTMLのイベント属性もサポートしています。


関連ページ

HTML DOMリファレンス:ナビゲーションオブジェクト


デフォルトのCSS設定

ほとんどのブラウザは<nav>、次のデフォルト値で要素を表示します。

nav {
  display: block;
}