navタグについて

navタグとは

「navigation」の略で、HTMLではページ内の「指定部分や他のページへの誘導」を意味します。
navタグを使うことで、ユーザーがページ内のコンテンツを探す手間を省くことができます。

<nev>
 <ul>
  <li>お問合せホーム</li>
  <li>概要</li>
  <li>お問合せ</li>
 </ul>
</nav>

上記のようにサイトのナビゲーション部分をnavタグで囲うのが一般的です。
また、ulタグやolタグのようなリスト要素とセットで使われます。

navタグはサイト内で複数回使えますが、使いすぎると見づらくなるので注意しましょう。
また、サイト下部の「利用規約」や「トップページに戻る」などのナビゲーションを作る場合はnavタグではなく、footerタグだけで十分です。

navタグで使用できる属性

• グローバル属性

• イベントハンドラ

属性	説明
class	要素にCSSスタイルを適用するためによく使われる属性です。
id	class属性同様、要素にCSSでスタイルを適用するためによく使われます。同じid属性はページ内で1回しか使えません。
title	要素のタイトルを定義します。パソコンのブラウザでは、要素部分にマウスを当てると定義したタイトルが表示されます。
lang	要素の中で使われる言語を定義する属性です。

他のセクションとの違い

• main
  mainタグはHTML文書のメインコンテンツを示します。

• article
  articleタグはHTML文書の独立した記事の箇所を示します。

• header/footer
  header/footerタグはセクションの情報を示すタグです。navタグも同じ役割を持つ。

• aside
  asideタグは余談・補足の情報を示します。

参考サイト