在HTML5中，nav全稱(chēng)“navigation”，中文意思為“導(dǎo)航”，是一個(gè)導(dǎo)航標(biāo)簽，用于表示HTML頁(yè)面中的導(dǎo)航；nav標(biāo)簽會(huì)定義一個(gè)含有導(dǎo)航鏈接的區(qū)域，語(yǔ)法“<nav><a href="url">鏈接</a> …</nav>”。

本教程操作環(huán)境：windows7系統(tǒng)、HTML5版、Dell G3電腦。

在HTML5中，nav全稱(chēng)“navigation”，中文意思為“導(dǎo)航”。

HTML5 <nav>標(biāo)簽用于表示HTML頁(yè)面中的導(dǎo)航，可以是頁(yè)與頁(yè)之間導(dǎo)航，也可以是頁(yè)內(nèi)的段與段之間導(dǎo)航。

<nav> 標(biāo)簽定義導(dǎo)航鏈接的部分。

并不是所有的 HTML 文檔都要使用到 <nav> 元素。<nav> 元素只是作為標(biāo)注一個(gè)導(dǎo)航鏈接的區(qū)域。

根據(jù)HTML5的相關(guān)標(biāo)準(zhǔn)定義如下：

"A section of a page that links to other pages or to parts within the page:
a section with navigation links."

中文翻譯大概意思是

”頁(yè)面中的一個(gè)用來(lái)鏈接到其它頁(yè)面或者當(dāng)前頁(yè)面的區(qū)域：一個(gè)含有導(dǎo)航鏈接的區(qū)域”

這里非常清楚的定義了nav標(biāo)簽的功能，這里和header類(lèi)似并沒(méi)有指定必須是主導(dǎo)航，也可以是頁(yè)面其它部分的子導(dǎo)航。

如下：

<nav>   <a href="/html/">HTML</a> |   <a href="/css/">CSS</a> |   <a href="/js/">JavaScript</a> |   <a href="/jquery/">jQuery</a> </nav>

在上面這個(gè)例子中，我們看到這里只是一個(gè)區(qū)域的文章導(dǎo)航，同樣也可以使用nav定義一個(gè)小型的頁(yè)面內(nèi)導(dǎo)航。 但并不是頁(yè)面上的所有鏈接團(tuán)體都需要放在nav標(biāo)簽內(nèi)，它主要是由頁(yè)面的主要導(dǎo)航塊組成。例如，我們通常在網(wǎng)站的頁(yè)腳里放一組鏈接，包括服務(wù)條款、網(wǎng)站介紹、版權(quán)聲明等，這時(shí)，我們通常使用footer，而不是nav。

一個(gè)頁(yè)面可可以包含多個(gè)nav標(biāo)簽，作為頁(yè)面整體或者不同部分的導(dǎo)航。在下面的例子中，有兩個(gè)nav標(biāo)簽，一個(gè)是網(wǎng)站的主體導(dǎo)航，另外一個(gè)是當(dāng)前頁(yè)面本身的輔助鏈接導(dǎo)航。

推薦教程：《html視頻教程》