HTML <nav>元素表示页面的一部分,其目的是在当前文档或其他文档中提供导航链接。导航部分的常见示例是菜单,目录和索引。
{{InteractiveExample("HTML Demo: <nav>", "tabbed-standard")}}
```html interactive-example
Jump Bike 3000
This BMX bike is a solid step into the pro world. It looks as legit as it rides and is built to polish your skills.
```css interactive-example
nav {
border-bottom: 1px solid black;
}
.crumbs ol {
list-style-type: none;
padding-left: 0;
}
.crumb {
display: inline-block;
}
.crumb a::after {
display: inline-block;
color: #000;
content: ">";
font-size: 80%;
font-weight: bold;
padding: 0 3px;
}
| 内容分类 | 流式内容, 区块内容, 可视的内容。 |
|---|---|
| 允许的内容 | 流式内容. |
| 标签省略 | 不允许,开始标签和结束标签都不能省略。 |
| 允许的父元素 | 所有允许流式内容的元素 |
| 允许的 ARIA roles | None |
| DOM 接口 | HTMLElement |
属性
这个元素只包含全局属性.
使用说明
- 并不是所有的链接都必须使用
<nav>元素,它只用来将一些热门的链接放入导航栏,例如{{HTMLElement("footer")}}元素就常用来在页面底部包含一个不常用到,没必要加入{{HTMLElement("nav")}}的链接列表。 - 一个网页也可能含有多个{{HTMLElement("nav")}}元素,例如一个是网站内的导航列表,另一个是本页面内的导航列表。
- 对于屏幕阅读障碍的人,可以使用这个元素来确定是否忽略初始内容。
示例
<nav>
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">About</a></li>
<li><a href="#">Contact</a></li>
</ul>
</nav>