HTML5中的nav標(biāo)有什么用

本篇內(nèi)容介紹了“HTML5中的nav標(biāo)有什么用”的有關(guān)知識，在實(shí)際案例的操作過程中，不少人都會(huì)遇到這樣的困境，接下來就讓小編帶領(lǐng)大家學(xué)習(xí)一下如何處理這些情況吧！希望大家仔細(xì)閱讀，能夠?qū)W有所成！

成都創(chuàng)新互聯(lián)長期為1000多家客戶提供的網(wǎng)站建設(shè)服務(wù)，團(tuán)隊(duì)從業(yè)經(jīng)驗(yàn)10年，關(guān)注不同地域、不同群體，并針對不同對象提供差異化的產(chǎn)品和服務(wù)；打造開放共贏平臺(tái)，與合作伙伴共同營造健康的互聯(lián)網(wǎng)生態(tài)環(huán)境。為永泰企業(yè)提供專業(yè)的網(wǎng)站設(shè)計(jì)制作、網(wǎng)站制作，永泰網(wǎng)站改版等技術(shù)服務(wù)。擁有十余年豐富建站經(jīng)驗(yàn)和眾多成功案例,為您定制開發(fā)。

nav標(biāo)簽全稱navigation，顧名思義，是導(dǎo)航的意思。根據(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." 中文翻譯大概意思是”頁面中的一個(gè)用來鏈接到其它頁面或者當(dāng)前頁面的區(qū)域：一個(gè)含有導(dǎo)航鏈接的區(qū)域”。這里非常清楚的定義了nav標(biāo)簽的功能，這里和header類似并沒有指定必須是主導(dǎo)航，也可以是頁面其它部分的子導(dǎo)航。如下：

XML/HTML Code復(fù)制內(nèi)容到剪貼板

<h4>gbin1.com文章列表</h4>
<nav>
<ul>
<li><a href="#html5">HTML5文章介紹</a></li>
<li><a href="#css3">CSS3文章介紹</a></li>
<li><a href="#jquery">jQuery文章介紹</a></li>
<ul>
</nav>

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

XML/HTML Code復(fù)制內(nèi)容到剪貼板

<h2>雨打浮萍</h2>
<nav>
<ul>
<li><a href="/">首頁</a></li>
<li><a href="#">html+css</a></li>
...more...
</ul>
</nav>
<article>
<header>
<h2>html5語義化標(biāo)簽之結(jié)構(gòu)標(biāo)簽</h2>
<p><span>發(fā)表于</span>2011-12-22</p>
</header>
<nav>
<ul>
<li><a href="#">子導(dǎo)航</a></li>
<li><a href="#">子導(dǎo)航</a></li>
...more...
</ul>
</nav>
<div>
<section id="public">
<h2>section里面仍然可以再用h2標(biāo)簽</h2>
<p>...more...</p>
</section>
<section id="destroy">
<h2>section里面仍然可以再用h2標(biāo)簽</h2>
<p>...more...</p>
</section>
...more... </div>
<footer>
<p><a href="#">關(guān)于我們</a> |
<a href="#">友情鏈接</a> |
<a href="#">雜七雜八</a></p>
</footer>
</article>
<footer>
<p><small>© copyright 2011 </small></p>
</footer>

nav標(biāo)簽本身并不要求包含一個(gè)列表，它還可以包含其它內(nèi)容形式。

XML/HTML Code復(fù)制內(nèi)容到剪貼板

<nav>
<h2>Navigation</h2>
<p>You are on my home page. To the north lies
<a href="/blog">my blog</a>, from whence the sounds of battle can be heard. To the east you can see a large mountain,
upon which many
<a href="/school">school papers</a>are littered. Far up thus mountain you can spy a little figure who appears to
be me, desperately scribbling a
<a href="/school/thesis">thesis</a>.</p>
<p>To the west are several exits. One fun-looking exit is labeled
<a href="http://games.example.com/">"games"</a>. Another more boring-looking exit is labeled
<a href="http://isp.example.net/">ISP™</a>.</p>
<p>To the south lies a dark and dank
<a href="/about">contacts page</a>. Cobwebs cover its disused entrance, and at one point you see a rat run quickly
out of the page.</p>
</nav>

“HTML5中的nav標(biāo)有什么用”的內(nèi)容就介紹到這里了，感謝大家的閱讀。如果想了解更多行業(yè)相關(guān)的知識可以關(guān)注創(chuàng)新互聯(lián)網(wǎng)站，小編將為大家輸出更多高質(zhì)量的實(shí)用文章！

文章名稱：HTML5中的nav標(biāo)有什么用
文章來源：http://jinyejixie.com/article6/ggscig.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供標(biāo)簽優(yōu)化、響應(yīng)式網(wǎng)站、外貿(mào)建站、網(wǎng)站制作、企業(yè)建站、微信公眾號

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來源：創(chuàng)新互聯(lián)

猜你還喜歡下面的內(nèi)容

成人午夜视频全免费观看高清-秋霞福利视频一区二区三区-国产精品久久久久电影小说-亚洲不卡区三一区三区一区

HTML5中的nav標(biāo)有什么用