nav
HTML导航栏(<nav>) 描绘一个含有多个超链接的区域，这个区域包含转到其他页面，或者页面内部其他部分的链接列表.
内容类别 |
Flow content, sectioning content, palpable content. |
|---|---|
允许的内容 |
Flow content. |
标记遗漏 | 没有，起始和结束标签都是强制性的。 |
允许父级 | 任何接受 flow content 的元素。 |
允许ARIA角色 | 没有 |
DOM界面 | HTMLElement |
属性
这个元素只包含全局属性。
使用说明
- 并非文件的所有链接都必须位于
<nav>仅用于主要导航链接块的元素中，通常<footer>元素通常有一个不需要在<nav>元素中的链接列表。
- 一个网页也可能含有多个
<nav>元素,例如一个是网站内的导航列表,另一个是本页面内的导航列表.
- 对于屏幕阅读障碍的人,可以使用这个元素来确定是否忽略初始内容.
例子
在这个例子中，一个<nav>块被用来包含<ul>链接的无序列表（）。使用合适的CSS，可以将其显示为侧栏，导航栏或下拉菜单。
<nav class="menu">
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">About</a></li>
<li><a href="#">Contact</a></li>
</ul>
</nav>规范
Specification | Status | Comment |
|---|---|---|
HTML Living StandardThe definition of '<nav>' in that specification. | Living Standard | No change since latest W3C snapshot. |
HTML5The definition of '<nav>' in that specification. | Recommendation | Initial definition |
浏览器兼容性
Feature | Chrome | Edge | Firefox | Internet Explorer | Opera | Safari |
|---|---|---|---|---|---|---|
Basic Support | 5 | (Yes) | 4 | 9 | 11.1 | 4.1 |
Feature | Android | Chrome for Android | Edge mobile | Firefox for Android | IE mobile | Opera Android | iOS Safari |
|---|---|---|---|---|---|---|---|
Basic Support | (Yes) | (Yes) | (Yes) | 4 | 9 | 11 | 4.2 |
本文档系腾讯云开发者社区成员共同维护，如有问题请联系 cloudcommunity@tencent.com
