navタグ

navは、HTML文章内でナビゲーション領域であることを表すタグです。

解説

ナビゲーションとはページ内でメニュー的な役割を果たしている箇所です。
例えば、ウェブページではページの上部や左側にリンクが並んでいるようなページをよく見かけますが、そうしたエリアのことです。

navタグはHTMLの文章構造を明確にさせることを目的として使用します。

コンテンツ・モデル

属性

navタグには以下の属性が指定できます。

その他のグローバル属性値については、グローバル属性をご覧ください。

サンプル

navタグを使ったサンプル

<nav>
  <ul>
    <li><a href="index.html">HOME</a></li>
    <li><a href="info.html">会社案内</a></li>
    <li><a href="map.html">地図</a></li>
  </ul>
</nav>

備考

• navは「navigation links」の略です。
• navタグで囲んでもデフォルト状態では見た目は変化ありませんので、見た目を変えたい場合はCSSを適用させてください。
• navはHTML5から新たに追加になったタグです。

関連項目

• address：問合せ先を表す
• article：HTML文章内で記事領域であることを表す
• aside：補足情報を表す
• footer：フッター領域であることを表す
• header：ヘッダー領域であることを表す
• main：ページのメインコンテンツを表す
• nav：HTML文章内でナビゲーション領域であることを表す
• section：ひとつのセクションであることを表す

Tweet