本文概述
HTML <nav>标记用于表示包含导航链接的部分, 该链接位于当前文档内或指向另一个文档。某些导航链接的示例包括菜单, 目录, 索引等。
<nav>标签是HTML5中新添加的标签。
提示:你可以在一个页面中使用多个链接, 但是不必将所有链接都放在标记中。它只能包含主要的导航链接块。
句法
<nav>.....</nav>
以下是有关HTML <nav>标记的一些规范
Display | Block |
开始日期/结束日期 | 开始和结束标签 |
Usage | Structural |
例
<!DOCTYPE html>
<html>
<head>
<title>Nav Tag</title>
<style>
a{
text-decoration: none;
color: green;
font-size: 20px;
padding: 8px;
}
a:hover{
color: blue;
}
h1{
text-align: center;
}
</style>
</head>
<body>
<h1>Example of Nav tag</h1>
<nav>
<a href="#">Home</a> |
<a href="#">Courses</a> |
<a href="#">About-us</a> |
<a href="#">Contact-us</a> |
</nav>
</body>
</html>
立即测试
属性
特定于标签的属性:
<nav>标记在HTML中不包含任何特定的属性。
全局属性:
<nav>标记支持HTML中的全局属性
事件属性:
<nav>标记支持HTML中的事件属性。
支持的浏览器
Element | Chrome | IE | Firefox | Opera | Safari |
<nav> | Yes | Yes | Yes | Yes | Yes |