Skip to content

This is one of our old lessons! Visit the Path page to see all of our latest courses.

nav element – HTML

Summary

<nav>
  <ul>
    <li><a href="index.html">Home</a></li>
    <li><a href="about.html">About Us</a></li>
    <li><a href="contact.html">Contact Us</a></li>
  </ul>
</nav>

Details

The nav element is used to wrap around navigation links, like in the example above.

A common use for the nav element is the navigation menu at the top of a web page. Another use case could be a table of contents for a long blog post.

A web page can have more than one nav element.

Demo

References

The Navigation Section element on MDN