title | slug |
---|---|
<nav> |
Web/HTML/Element/nav |
{{HTMLSidebar}}
HTML <nav>
元素表示页面的一部分,其目的是在当前文档或其他文档中提供导航链接。导航部分的常见示例是菜单,目录和索引。
{{EmbedInteractiveExample("pages/tabbed/nav.html", "tabbed-standard")}}
内容分类 | 流式内容, 区块内容, 可视的内容。 |
---|---|
允许的内容 | 流式内容. |
标签省略 | 不允许,开始标签和结束标签都不能省略。 |
允许的父元素 | 所有允许流式内容的元素 |
允许的 ARIA roles | None |
DOM 接口 | {{domxref("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>
{{Specifications}}
{{Compat}}
- 其他部分相关元素:{{HTMLElement("body")}}, {{HTMLElement("article")}}, {{HTMLElement("section")}}, {{HTMLElement("aside")}}, {{HTMLElement("h1")}}, {{HTMLElement("h2")}}, {{HTMLElement("h3")}}, {{HTMLElement("h4")}}, {{HTMLElement("h5")}}, {{HTMLElement("h6")}}, {{HTMLElement("hgroup")}}, {{HTMLElement("header")}}, {{HTMLElement("footer")}}, {{HTMLElement("address")}};
- HTML5 的文档节段和纲要.
- ARIA: Navigation role