nav | ホームページ制作　技術メモ

nav

構造・セクション

タグの概要タグはナビゲーション（メニュー）を定義するために使用される。ウェブサイトのメニューやリンクをグループ化し、ナビゲーション構造を作成する際に利用される。基本の書き方（構文） <nav> <a href="

2025.07.21

タグの概要

タグはナビゲーション（メニュー）を定義するために使用される。ウェブサイトのメニューやリンクをグループ化し、ナビゲーション構造を作成する際に利用される。

<nav>
  <a href="#">Home</a>
  <a href="#">About</a>
  <a href="#">Services</a>
</nav>

特に主な属性はないが、idやclass属性を使用してスタイリングやJavaScriptとの連携を行うことができる。

<nav>
  <a href="#">Home</a>
  <a href="#">About</a>
  <a href="#">Services</a>
</nav>

<nav id="main-menu">
  <a href="#">Home</a>
  <a href="#">Products</a>
  <a href="#">Contact</a>
</nav>

<nav class="footer-menu">
  <a href="#">Privacy Policy</a>
  <a href="#">Terms of Service</a>
  <a href="#">Contact Us</a>
</nav>

–