HTML nav标签

本文概述

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
微信公众号
手机浏览(小程序)
0
分享到:
没有账号? 忘记密码?