原回答： [https://zhidao.baidu.com/question/1819331323684630068.html](https://zhidao.baidu.com/question/1819331323684630068.html) HTML5中的新元素标簽 用來将具有導航性質的連結劃分在一起，使代碼結構在語義化方面更加準确，同時對于螢幕閱讀器等裝置的支援也更好。 一直以來，我們習慣于使用形如 或
- 這樣的代碼來寫頁面的導航；在HTML5中，我們可以直接将導航連結清單放到 标簽中：
<nav>
<ul>
<li><a href="index.html">Home</a></li>
<li><a href="/about/">About</a></li>
<li><a href="/blog/">Blog</a></li>
</ul>
</nav>
根據W3C的定義規範：
nav元素是一個可以用來作為頁面導航的連結組；其中的導航元素連結到其他頁面或目前頁面的其他部分。并不是所有的連結組都要被放進nav元素；例如，在頁腳中通常會有一組連結，包括服務條款、首頁、版權聲明等；這時使用
元素是最恰當的，而不需要nav元素。
一個頁面中可以擁有多個nav元素，作為頁面整體或不同部分的導航；下面是W3C給出的一個代碼示例：
<body>
<h1>The Wiki Center Of Exampland</h1>
<nav>
<ul>
<li><a href="/">Home</a></li>
<li><a href="/events">Current Events</a></li>
...more...
</ul>
</nav>
<article>
<header>
<h1>Demos in Exampland</h1>
<p>Written by A. N. Other.</p>
</header>
<nav>
<ul>
<li><a href="#public">Public demonstrations</a></li>
<li><a href="#destroy">Demolitions</a></li>
...more...
</ul>
</nav>
<div>
<section id="public">
<h1>Public demonstrations</h1>
<p>...more...</p>
</section>
<section id="destroy">
<h1>Demolitions</h1>
<p>...more...</p>
</section>
...more...
</div>
<footer>
<p><a href="?edit">Edit</a> | <a href="?delete">Delete</a> | <a href="?Rename">Rename</a></p>
</footer>
</article>
<footer>
<p><small>? copyright 1998 Exampland Emperor</small></p>
</footer>
</body>
在這個示例中，我們可以看到nav不僅可以用來作為頁面全局導航，也可以放在
标簽内，作為單篇文章内容的相關導航連結到目前頁面的其他位置。
![CSS的僞元素和僞類的差別[圖]](data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACwAAAAAAQABAAACAkQBADs=)