<nav>: 导航区元素
<nav> HTML 元素表示页面中用于提供导航链接的部分，这些链接可以在当前文档或其他文档中。导航区常见的例子有菜单、目录和索引。
尝试一下
属性
此元素仅包含 全局属性。
使用说明
- 并非所有链接都需要包含在
<nav>元素中。<nav>仅用于主要的导航链接块；通常<footer>元素通常有一组不需要包含在<nav>元素中的链接。 - 文档可以包含多个
<nav>元素，例如，一个用于网站导航，另一个用于页面内导航。在这种情况下，可以使用aria-labelledby来增强无障碍性，请参见 示例。 - 用户代理（例如针对残疾用户的屏幕阅读器）可以使用此元素来确定是否省略导航内容的初始渲染。
示例
在此示例中，<nav> 块用于包含一个无序列表 (<ul>) 的链接。使用适当的 CSS，可以将其呈现为侧边栏、导航栏或下拉菜单。
html
<nav class="menu">
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">About</a></li>
<li><a href="#">Contact</a></li>
</ul>
</nav>
nav 元素的语义是提供链接。但是，nav 元素不必包含列表，它也可以包含其他类型的內容。在这个导航块中，链接以散文形式提供
html
<nav>
<h2>Navigation</h2>
<p>
You are on my home page. To the north lies <a href="/blog">my blog</a>, from
whence the sounds of battle can be heard. To the east you can see a large
mountain, upon which many <a href="/school">school papers</a> are littered.
Far up this mountain you can spy a little figure who appears to be me,
desperately scribbling a <a href="/school/thesis">thesis</a>.
</p>
<p>
To the west are several exits. One fun-looking exit is labeled
<a href="https://games.example.com/">"games"</a>. Another more
boring-looking exit is labeled <a href="https://isp.example.net/">ISP™</a>.
</p>
<p>
To the south lies a dark and dank <a href="/about">contacts page</a>.
Cobwebs cover its disused entrance, and at one point you see a rat run
quickly out of the page.
</p>
</nav>
结果
技术摘要
规范
| 规范 |
|---|
| HTML 标准 # the-nav-element |
浏览器兼容性
BCD 表格仅在浏览器中加载