トップページ  > HTML5  > <nav>

★HTML5タグリファレンス

<nav> …… ナビゲーションであることを示すHTML5から追加
Firefox4 Google Chrome5Google Chrome6 Safari5
広告

このページでは、HTML5のnav要素を解説しています。
nav要素の最新情報は、以下を参照してください。

HTML Living Standardリファレンス

<nav>は、ナビゲーションであることを示す際に使用します。 ナビゲーションとは、ウェブサイト内の他のページへのリンクや、ページ内リンクなどのことです。

他のページにリンクした箇所のすべてを<nav>~</nav>で囲む必要はなく、主要なナビゲーションとなるセクションのみを示すのに適しています。

よく、ウェブページの下部に、利用規約ページ、著作権ページ、トップページへ戻る、などのリンクが配置されることがありますが、 このような場合には<nav>を使用せず、<footer>のみで十分です。

■HTML4.01からHTML5へのバージョンアップによる変更点

nav要素は、HTML5から新たに追加された要素です。

■使用例

HTMLソース

<body>
<header>
<h1>浦島釣具店</h1>
<p>
<a href="news.html">お知らせ</a>
<a href="blog.html">店長ブログ</a>
</p>

<nav>
<h1>メニュー</h1>
<ul>
<li><a href="index.html">トップページ</a></li>
<li><a href="item.html">商品一覧</a></li>
<li><a href="shop.html">店舗紹介</a></li>
</ul>
</nav>

</header>

<article>
<p>新商品、入荷しました…</p>
</article>

<footer>
<p>
<a href="help.html">ヘルプ</a>
<a href="policy.html">利用規約</a>
<a href="contact.html">お問合せ</a>
</p>
<p>Copyright 2010</p>
</footer>
</body>
↓↓↓

ブラウザ上の表示

浦島釣具店

お知らせ 店長ブログ

新商品、入荷しました…

広告
Sponsors
広告
MuuMuu Domain!
ドメイン取るならお名前.com
現役エンジニアのオンライン家庭教師【CodeCamp】
サイトに広告を掲載してお小遣いが稼げる!【A8.net】
Node.jsコース
はじめてのプログラミングコース
▲ページ先頭へ
HTMLクイックリファレンスについて
© HTMQ