编辑这个页面须要登录或更高权限!

HTML: <nav> 标签

HTML <nav>标签是HTML5元素,用于定义HTML文档中带有导航链接的部分。此标签通常也称为 <nav>元素。

在线示例

一个导航链接示例:

<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<title>HTML5 nav标签的使用(菜鸟教程 (cainiaojc.com))</title>
</head>
<body>
<nav>
  <ul>
    <li><a href="/section1/index.html">Section1</a></li>
    <li><a href="/section2/index.html">Section2</a></li>
    <li><a href="/section3/index.html">Section3</a></li>
  </ul>
</nav>
</body>
</html>
测试看看 ‹/›

浏览器兼容性

IEFirefoxOperaChromeSafari

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

标签定义及使用说明

<nav> 标签定义导航链接的部分。

<nav>标记用于在HTML文档中创建导航。

并不是所有的 HTML 文档都要使用到 <nav> 元素。<nav> 元素只是作为标注一个导航链接的区域。

在不同设备上(手机或者PC)可以制定导航链接是否显示,以适应不同屏幕的需求。

对于早于IE 9的IE浏览器,请使用HTML5shiv,这是一种JavaScript解决方法,可为新的HTML5元素提供支持,例如:<header>,<main>,<article>,<section>,<aside>,<nav>,<footer>。

HTML 4.01 与 HTML5中的差异

<nav> 是 HTML5 的新标签。

全局属性

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

事件属性

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

HTML 参考手册
HTML 标签大全