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

★HTML5タグリファレンス

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

<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>
↓↓↓

ブラウザ上の表示

浦島釣具店

お知らせ 店長ブログ

新商品、入荷しました…

▲ページ先頭へ
トップページ  > HTML5  > <nav>
PR
MuuMuu Domain!
ドメイン取るならお名前.com
さくらのレンタルサーバ
ロリポップ!レンタルサーバー
HTMLクイックリファレンスについて
© HTMQ