<nav>

版本：HTML5

HTML<nav>元素表示页面的一部分，其目的是在当前文档或其他文档中提供导航链接。导航部分的常见示例是菜单，目录和索引。

浏览器支持

目前大多数浏览器支持<nav>标签。

示例

<nav>
  <ul>
    <li><a href="#">home</a></li>
    <li><a href="#">about</a></li>
    <li><a href="#">contact</a></li>
  </ul>
</nav>

标签定义

• <nav>标签定义导航链接的部分。如果文档中有“前后”按钮，则应该把它放到<nav>元素中。
• 并不是所有的链接都必须使用<nav>元素，它只用来将一些热门的链接放入导航栏，例如<footer>元素就常用来在页面底部包含一个不常用到，没必要加入<nav>的链接列表。
• 在不同设备上（手机或者PC）可以制定导航链接是否显示，以适应不同屏幕的需求。
• 对于屏幕阅读障碍的人，可以使用这个元素来确定是否忽略初始内容。

使用说明

• 一个网页也可能含有多个<nav>元素，例如一个是网站内的导航列表，另一个是本页面内的导航列表。

HTML 4。01 与 HTML 5 之间的差异

<nav>标签是 HTML 5 中的新标签。

属性

这个元素只包含全局属性。

全局属性

<nav>标签支持全局属性，查看完整属性表HTML全局属性。

标准全局属性

class，contenteditable，contextmenu，dir，draggable，id，irrelevant，lang，ref，registrationmark，tabindex，template，title

事件属性

<nav>标签支持所有HTML事件属性。

标准事件属性

onabort，onbeforeunload，onblur，onchange，onclick，oncontextmenu，ondblclick，ondrag，ondragend，ondragenter，ondragleave，ondragover，ondragstart，ondrop，onerror，onfocus，onkeydown，onkeypress，onkeyup，onload，onmessage，onmousedown，onmousemove，onmouseover，onmouseout，onmouseup，onmousewheel，onresize，onscroll，onselect，onsubmit，onunload

例子

一个导航链接实例：

<nav>
 <a href="https://www.lanmper.cn/html/">html</a> | 
 <a href="/css/">css</a> | 
 <a href="/jquery/">jquery</a> | 
 <a href="/php/">php</a>
</nav>