THE WORLD'S LARGEST WEB DEVELOPER SITE

HTML <nav> Tag


Example

A set of navigation links:

<nav>
  <a href="/html/">HTML</a> |
  <a href="/css/">CSS</a> |
  <a href="/js/">JavaScript</a> |
  <a href="/jquery/">jQuery</a>
</nav>
Try it Yourself »

Definition and Usage

The <nav> tag defines a set of navigation links.

Notice that NOT all links of a document should be inside a <nav> element. The <nav> element is intended only for 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.


Browser Support

The numbers in the table specify the first browser version that fully supports the element.

Element
<nav> 6.0 9.0 4.0 5.0 11.1

Differences Between HTML 4.01 and HTML5

The <nav> tag is new in HTML5.



Global Attributes

The <nav> tag also supports the Global Attributes in HTML.


Event Attributes

The <nav> tag also supports the Event Attributes in HTML.


Related Pages

HTML DOM reference: Nav Object


Default CSS Settings

Most browsers will display the <nav> element with the following default values:

nav {
  display: block;
}