Hatena::Groupweb

nav

nav

nav要素

カテゴリー
Flow content
Sectioning content
記述可能箇所
Flow contentを内容モデルに持つ要素内
内容モデル
Flow content

nav要素は他のページや、ページ内のどこかへリンクしているセクションを表します。ナビゲーションリンクを伴ったセクションと考えて良いでしょう。

しかし、ページにある全てのリンクがnav要素内に現れる必要はありません。主要なナビゲーションブロックを含むセクションのみがnav要素の内容として適切です。

たとえば、フッターにはWebサイト中の様々なページへリンクしているリストがありますが、この場合はfooter要素が適切でしょう。

この例では、リンクがページの様々な場所に現れています。しかし、そのうち一つのグループのみが、ナビゲーションのセクションとして考えられます。

<body>
 <header>
  <h1>Wake up sheeple!</h1>
  <p><a href="news.html">News</a> -
     <a href="blog.html">Blog</a> -
     <a href="forums.html">Forums</a></p>
 </header>
 <nav>
  <h1>Navigation</h1>
  <ul>
   <li><a href="articles.html">Index of all articles</a><li>
   <li><a href="today.html">Things sheeple need to wake up for today</a><li>
   <li><a href="successes.html">Sheeple we have managed to wake</a><li>
  </ul>
 </nav>
 <article>
  <p>...page content would be here...</p>
 </article>
 <footer>
  <p>Copyright © 2006 The Example Company</p>
  <p><a href="about.html">About</a> -
     <a href="policy.html">Privacy Policy</a> -
     <a href="contact.html">Contact Us</a></p>
 </footer>
</body>
  • 2009/05/02 12:23:57 header
  • 2009/03/17 00:14:55 nav