HTML - Nav element

About

nav ^{1) 2)} is an element that represents a section of a page whose purpose is to provide:

• navigation component
• via links.

Group

Group element may be grouped with an aside element.

Example

Example is from the specification ³⁾ that creates:

• a web site navigation pane
• a Table of content.

 <h1>The website title</h1>
 <nav>
  <ul>
   <li><a href="/">Home</a></li>
   <li><a href="/events">Current Events</a></li>
   ...more...
  </ul>
 </nav>
 <article>
  <header>
   <h1>Article title</h1>
   <p>Written by Foo</p>
  </header>
  <nav>
   <ul>
    <li><a href="#section1">Section title 1</a></li>
    <li><a href="#section2">Section title 2</a></li>
    ...more...
   </ul>
  </nav>
  <div>
  ....
  </div>
</article>