Skip to content

Latest commit

 

History

History
75 lines (59 loc) · 2.66 KB

File metadata and controls

75 lines (59 loc) · 2.66 KB
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