HTML nav Tag

HTML <nav> Tag: The HTML <nav> tag specifies the navigation links. It is necessary to keep in mind that NOT all links of a document should be inside an <nav> element. The <nav> element is intended only for the major block of navigation links. Browsers, such as screen readers for disabled users, can use this element to determine whether to omit the initial rendering of this content.

HTML <nav>Tag

This HTML nav tag supports both the global and the event attributes. And the links in the nav element may point to other webpages or to different sections of the same webpage. It is a semantic element. Common examples of the nav element are menus, tables, contents, and indexes.

Syntax: <nav> Text </nav>



Browser compatibility

The HTML nav tag is supported by different types of browsers.

  • Chrome-8.0
  • Firefox-6.0
  • Opera-11.1
  • Safari-6.0
  • Internet Explorer-13.0

Example:

<!DOCTYPE html>
<html>
<body>
<nav>
<a href="/html/">HTML</a> |
<a href="/css/">CSS</a> |
<a href="/js/">JavaScript</a> |
<a href="/jquery/">jQuery</a>
</nav>
</body>
</html>

Output:

HTML nav tag