什么是Nav元素
Nav元素可以用作頁面導航的鏈接組，在導航鏈接組里面有很多的鏈接，點擊每個鏈接可以鏈接到其他頁面或者當前頁面的其他部分，並不是所有的鏈接組都要被放在nav元素里面，我們只需要把最主要的、基本的、重要的放在nav元素里面即可。
比如說頁腳底部如果有個版權申明，我們就不建議使用nav元素，而是使用footer元素是最合適的。一個頁面中我們可用多個nav元素作為整體或者不同部分的導航
nav元素的用法
<body>
<h1>nav的使用方法</h1>
<nav>
<ul>
<li>
<a href=”nav元素.html”>首頁</a>
</li>
<li>
<a href=”aside元素.html”>aside</a>
</li>
<li>
<a href=”section元素.html”>section</a>
</li>
</ul>
</nav>
</body>
Nav元素效果演示圖如下：
如果想實現多層嵌套，我們可以在下面新建一個獨立的區塊，我們使用article。
<article>
<header>
<h2>NAV-1</h2>
<nav>
<li>
<a href=”section元素.html”>section</a>
</li>
<li>
<a href=”新增的主體結構元素.html”>s新增的主體結構元素</a>
</li>
</header>
</article>//這就實現了一層的嵌套
<article>
<header>
<h2>NAV-1</h2>
<nav>
<li>
<a href=”section元素.html”>section</a>
</li>
<li>
<a href=”新增的主體結構元素.html”>s新增的主體結構元素</a>
</li>
</header>
</article>
Nav多層嵌套效果演示圖：
如果在底部有一些版權信息的話，我們最好加在footer里面。
<footer>
<p>
<a href=”/”>版權信息</a>
<a href=”/”>站點幫助</a>
<a href=”/”>聯系我們</a>
</p>
</foooter>
Footer效果圖如下：
總結nav元素的方法
1、傳統的導航條
以騰訊為例：
2、側邊欄導航
3、內頁導航
4、翻頁操作