<nav>
The <nav> element represents a section of a page whose purpose is to provide navigation links, either within the current document or to other documents.
Overview
The <nav> element represents a section of a page whose purpose is to provide navigation links, either within the current document or to other documents.
Browser support
| Feature | Desktop | Mobile | ||||
|---|---|---|---|---|---|---|
| Chrome | Edge | Firefox | Safari | Chrome Android | Safari iOS | |
| 5 | 12 | 4 | 5 | 18 | 4.2 | |
1+Supported (version) Not supported ※Has note Sub-feature descriptions sourced from MDN Web Docs (CC BY-SA 2.5)
Syntax
HTML
<nav aria-label="メインナビゲーション">
<ul>
<li><a href="/">Home</a></li>
<li><a href="/products">Products</a></li>
<li><a href="/about">About Us</a></li>
<li><a href="/contact">Contact Us</a></li>
</ul>
</nav>Live demo
Use cases
Using <nav>
The <nav> element represents a section of a page whose purpose is to provide navigation links, either within the current document or to other documents.
Cautions
- May not be supported in older browsers.
Accessibility
- Verify how this element is announced by screen readers.
Related links
Powered by web-features