HTML <nav> Tag

If this site has been useful, we’d love your support! Running this site takes time and resources, and every small contribution helps us keep creating valuable content. Consider buying us a coffee to keep things going strong!

Description

The <nav> HTML element defines the navigation on the site. If there are several link blocks on the page, then priority links are usually placed in the <nav>. It is also acceptable to use multiple <nav> elements in the document. Do not embed <nav> inside the <address> element.

Properties

Permitted Parents
Any element that accepts flow content
Content
Block, inline and text
Start/End Tags
Start tag: required, End tag: required

Example

<nav>
<a href="/">Home</a> |
<a href="/css-validator/">CSS Validator</a> |
<a href="/html-tags/">HTML Tags</a> |
<a href="/contact.php">Contact</a>
</nav>

Attributes

None

Global Attributes

The <nav> tag also supports the Global Attributes in HTML5

Event Attributes

The <nav> tag also supports the Event Attributes in HTML5

Browser Support

The following table will show you the current browser support for the HTML <nav> tag.

Desktop
Edge Chrome Firefox Opera Safari
125411.15
Tablets / Mobile
Chrome Firefox Opera Safari Samsung Webview
18411.14.214.4

Last updated by CSSPortal on: 30th September 2023