8.6 nav 元素
这节介绍一下 nav 元素。
nav元素是一个可以用作页面导航的连接组，其中的导航元素链接到其他页面或当前页面的其他部分。并不是所有的连接组都要被放进nav元素，只需要将主要的、基本的连接组放进nav即可。例如在页面中会有一些连接组，包括像服务条款、版权声明等，这些直接放进footer中最好。一个页面可以有多个nav元素。
nav 元素应用场景：
- 传统导航条
- 侧边栏导航
- 页内导航
- 翻页操作
通过代码看一下：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>nav 元素</title>
</head>
<body>
<nav>
<ul>
<li><a href="#">主页</a></li>
<li><a href="#">开发文档</a></li>
</ul>
</nav>
<article>
<header>
<h1>HTML5 与 CSS3 的历史</h1>
<nav>
<ul>
<li><a href="#">HTML5 历史</a></li>
<li><a href="#">CSS3 历史</a></li>
</ul>
</nav>
</header>
<section>
<h1>HTML5 历史</h1>
<p>......</p>
</section>
<section>
<h1>CSS3 历史</h1>
<p>......</p>
</section>
<footer>
<a href="#">删除</a>
<a href="#">修改</a>
</footer>
</article>
<footer>
<p><small> 版权声明</small></p>
</footer>
</body>
</html>需要注意的是在 HTML5 中不能使用 menu 元素代替 nav 元素，menu 元素是用在一系列发出命令的菜单上的，是一种交互上元素。
查看8道真题和解析
途游游戏公司福利 85人发布
