非常教程

HTML参考手册

标签 | Elements

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

HTML

超文本标记语言,它通过标记符号来标记要显示的网页中的各个部分。网页文件本身是一种文本文件,通过在文本文件中添加标记符,可以告诉浏览器如何显示其中的内容(如:文字如何处理,画面如何安排,图片如何显示等)。浏览器按顺序阅读网页文件,然后根据标记符解释和显示其标记的内容,对书写出错的标记将不指出其错误,且不停止其解释执行过程,编制者只能通过显示效果来分析出错原因和出错部位。但需要注意的是,对于不同的浏览器,对同一标记符可能会有不完全相同的解释,因而可能会有不同的显示效果。