<nav> 要素
は、主要なナビゲーションリンクのセクションを表します。サイトのナビゲーションバーなど主要なリンクのグループ以外の、例えばフッタの小さなリスト(ホーム、サービスや著作権といったページのリンク)といった一般的なケースには不必要です。内容がアイテムのリストを意味する場合は、ナビゲーションの助けとなるようリスト・マークアップを行うことが推奨されます。
- カテゴリー
- フロー・コンテンツ、セクショニング・コンテンツ、パルパブル・コンテンツ
- 配置場所
- フロー・コンテンツが置ける場所。
- 内容
- フロー・コンテンツ。ただし
<main> 要素
を除く。 - 属性
サンプル
<!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>