HTML - <nav>

The HTML <nav> element (HTML Navigation Element) represents a section of a page that links to other pages or to parts within the page: a section with navigation links.

Example

XML

Copy Code

<nav>
  <ul>
    <li><a href="#">Home</a></li>
    <li><a href="#">About</a></li>
    <li><a href="#">Contact</a></li>
  </ul>
</nav>

Description

The HTML <nav> element (HTML Navigation Element) represents a section of a page that links to other pages or to parts within the page: a section with navigation links.

Usage notes:

Not all links of a document must be in a <nav> element, which is intended only for major block of navigation links; typically the <footer> element often has a list of links that don't need to be in a <nav> element.
A document may have several <nav> elements, for example, one for site navigation and one for intra-page navigation.
User agents, such as screen readers targeting disabled users, can use this element to determine whether to omit the initial rendering of this content.

Content categories	Flow content, sectioning content, palpable content.
Permitted content	Flow content.
Tag omission	None, both the starting and ending tag are mandatory.
Permitted parent elements	Any element that accepts flow content.
DOM interface	`HTMLElement`

Feature	Chrome	Firefox (Gecko)	Internet Explorer	Opera	Safari
Basic support	5	4.0 (2.0)	9.0	11.10	4.1

Feature	Android	Firefox Mobile (Gecko)	IE Mobile	Opera Mobile	Safari Mobile
Basic support	2.2	4.0 (2.0)	9.0	11.0	5.0 (iOS 4.2)

Specifications

Specification	Status	Comment
WHATWG HTML Living Standard The definition of '<nav>' in that specification.	Living Standard	No change since latest W3C snapshot.
HTML5 The definition of '<nav>' in that specification.	Recommendation	Initial definition

License

© 2016 Mozilla Contributors
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-us/docs/web/html/element/nav

Element HTML HTML sections Reference Web