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