HTML5タグリファレンス
nav

投稿 | | カテゴリー タグリファレンス, HTML5
HTML5で追加

<nav>要素は、主要なナビゲーションリンクのセクションを表します。
サイトのナビゲーションバーなど主要なリンクのグループ以外の、例えばフッタの小さなリスト(ホーム、サービスや著作権といったページのリンク)といった一般的なケースには不必要です。
内容がアイテムのリストを意味する場合は、ナビゲーションの助けとなるようリスト・マークアップを行うことが推奨されます。


カテゴリ
フロー・コンテンツ、セクショニング・コンテンツ、パルパブル・コンテンツ
配置場所
フロー・コンテンツが置ける場所。
内容
フロー・コンテンツ。
ただし、<main>要素を除く。
属性
グローバル属性

accesskey, class, contenteditable, data-*, dir, hidden, id, lang, spellcheck, style, tabindex, title, translate

サンプル

<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="utf-8" />
<title>HTML5 › nav</title>
</head>
<body>
<header>
  <h1>HTML5 › nav</h1>
  <p><a href="news.html">ニュース</a> -
  <a href="blog.html">ブログ</a> -
  <a href="forums.html">フォーラム</a></p>
  <p>最終更新日: <span itemprop="dateModified">2016-09-01</span></p>
  <nav>
    <h1>ナビゲーション</h1>
    <ul>
    <li><a href="articles.html">全ての記事一覧</a></li>
    <li><a href="today.html">今日の出来事</a></li>
    <li><a href="successes.html">成功例</a></li>
    </ul>
  </nav>
</header>
<main>
  <article>
  <h1>HTML5のnav要素のサンプルです。</h1>
  <p>
nav要素は、主要なナビゲーションリンクのセクションを表します。<br>
サイトのナビゲーションバーなど主要なリンクのグループ以外の、例えばフッタの小さなリスト(ホーム、サービスや著作権といったページのリンク)といった一般的なケースには不必要です。<br>
内容がアイテムのリストを意味する場合は、ナビゲーションの助けとなるようリスト・マークアップを行うことが推奨されます。
  </p>
  </article>
</main>
</body>
</html>