nav

提供: ASCII.jp HTMLリファレンス

ver.9~ ver.7~ ver.14~ ver.5.1~ ver.11.5~
意味 文書内のナビゲーション部分
読み方 ナビ/ナビゲーション

カテゴリー

フロー・コンテンツ、セクショニング・コンテンツ

親にできる要素/カテゴリー

フロー・コンテンツが期待される場所

子にできる要素/カテゴリー

フロー・コンテンツ

<nav 属性="値">~</nav>

グローバル属性

accesskey,class,contenteditable,contextmenu,dir,draggable,hidden,id,lang,spellcheck,style,tabindex,title

説明

 nav要素は、ナビゲーション関係のリンクを集めたセクションに使います。

 nav要素の中に、リンク以外のコンテンツを含められます。例えば、リンクのグループの前に、見出しとしてh1などの要素を入れられます。

サンプル

(body要素の内部のみ掲載)

<nav>
<h1>ナビゲーション</h1>
<ul>
  <li><a href="index.html">トップページ</a></li>
  <li><a href="products.html">商品案内</a></li>
  <li><a href="inquiry.html">お問い合わせ</a></li>
</ul>
</nav>

サンプル実行画像

よくある間違い、勘違い

 リンクのグループすべてをnav要素にする必要はありません。リンクのグループの中で、主要なものだけをnav要素でマークアップするようにします(例:グローバルナビゲーション)。

Powered by Web Professional

目次