换句话说，nav元素表示页面的一部分，其目的是在当前文档或其他文档中提供导航链接。nav元素中的链接可能指向其他网页或同一网页的不同部分。它是语义元素。nav元素的常见示例包括菜单、表、内容和索引。
语法：
<nav> 链接... </nav>
示例1：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>nav标签</title>
<style>
nav {
color:#090;
font-weight:bold;
text-align:center;
}
.nav_tag {
text-align:center;
margin:30px 0;
}
</style>
</head>
<body>
<div class = "nav_tag">nav标签</div>
<nav>
<a href = "#">首页</a> |
<a href = "#">课程</a> |
<a href = "#">技术文章</a> |
<a href = "#">资源</a> |
<a href = "#">关于我们</a>
</nav>
</body>
</html>效果图：
示例2：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>nav标签</title>
<style>
nav {
border:1px;
background-color:#090;
color:white;
padding:6px;
}
a {
text-decoration:none;
color:white;
font-size:20px;
}
.nav_tag {
text-align:center;
margin:30px 0;
}
</style>
</head>
<body>
<nav>
<a href = "#">首页</a> |
<a href = "#">课程</a> |
<a href = "#">技术文章</a> |
<a href = "#">资源</a> |
<a href = "#">关于我们</a>
</nav>
</body>
</html>效果图：
nav标签的使用：
<nav>标签是为主要导航区域保留的，如页面或部分顶部的主菜单。一个文档可以有几个导航元素，例如，站点导航和一个用于页内导航。<nav>标签中的链接可以是ul列表中的代码，也可以是单独的链接，不包含ul元素。通过此元素，可以更轻松地创建导航菜单，创建整齐的水平文本链接，并帮助屏幕阅读软件正确识别文档中的主要导航区域。
浏览器支持：
支持nav标签的浏览器是：
● Google chrome 6.0 及更高版本
● Internet Explorer 9.0 及更高版本
● Mozilla 4.0 及更高版本
● Safari 5.0 及更高版本
● Opera 11.1 及更高版本
以上就是HTML的nav标签如何使用？的详细内容，更多请关注0133技术站其它相关文章！
