cman.jpWEBページ作成
広告
<nav> 「Htmlナビゲーション領域」[読み方：ナビ]
<nav>タグは、別ページまたは、ページ内の別の場所へのリンクの集まりを示します。
| HTML規格 | HTML4.01 | HTML5 |
|---|---|---|
| 使用可否 | × | ○ |
<nav>は、HTML5で追加されたタグです
| ブラウザ別の対応状況 |
|---|
| 下記サイトで確認できます。 「Can I use」（英語のサイトです） |
広告
<nav> の仕様
| カテゴリー | 使用できる場所（親要素） | コンテンツモデル（子要素） | タグ省略 |
|---|---|---|---|
| フローコンテンツ セクショニングコンテンツ パルパブルコンテンツ | セクショニングコンテンツを子要素にもてる場所 | フローコンテンツ | 不可 |
<nav> の属性
【構文】
<nav>
<a href="別ページリンク先">・・・</a>
<a href="ページ内リンク先">・・・</a>
</nav>
<a href="別ページリンク先">・・・</a>
<a href="ページ内リンク先">・・・</a>
</nav>
<nav>タグのサンプル
別ページへのリンク
<nav>
<ul>
<li><a href="../../../">HTMLタグTOP</a></li>
<li><a href="../../../html_ref/abc_list">HTMLタグのABC順一覧</a></li>
</ul>
</nav>
<ul>
<li><a href="../../../">HTMLタグTOP</a></li>
<li><a href="../../../html_ref/abc_list">HTMLタグのABC順一覧</a></li>
</ul>
</nav>
ページ内のリンク
<nav>
<ul>
<li><a href="#tmMainFrame">このページの先頭へ</a></li>
</ul>
</nav>
<ul>
<li><a href="#tmMainFrame">このページの先頭へ</a></li>
</ul>
</nav>
留意事項
- HTML内のリンク全てを<nav>タグ内に記載する必要はありません。<nav>タグは、主要なナビゲーションのセクションのみに使用します。
- ページの下部によく配置されている著作権、利用規約等は、<footer>を使用します。
広告