好程序員web前端分享HTML5中的nav標(biāo)簽學(xué)習(xí)筆記,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." 中文翻譯大概意思是”頁(yè)面中的一個(gè)用來(lái)鏈接到其它頁(yè)面或者當(dāng)前頁(yè)面的區(qū)域:一個(gè)含有導(dǎo)航鏈接的區(qū)域”。 這里非常清楚的定義了nav標(biāo)簽的功能,這里和header類似并沒(méi)有指定必須是主導(dǎo)航,也可以是頁(yè)面其它部分的子導(dǎo)航。如下:
1.
2.
3.????
4.????????
5.????????
6.????????
7.????????
8.??
在上面這個(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)航。
1.
2.
3.????
??8.??
9.
10.????
11.????????
12.????????
發(fā)表于2011-12-22
??13.??????
14.????
15.????????
??20.??????
21.????
22.????????
23.????????????
24.????????????
...more...
??25.??????????
26.????????
27.????????????
28.????????????
...more...
??29.??????????
30.????????...more...?
31.????
32.????????
關(guān)于我們?| ??
33.????????????友情鏈接?| ??
34.????????????雜七雜八
??35.??????
36.??
37.
38.????
??copyright?2011?
????
nav標(biāo)簽本身并不要求包含一個(gè)列表,它還可以包含其它內(nèi)容形式。
1.
2.????
3.????
You?are?on?my?home?page.?To?the?north?lies ??
4.????????my?blog,?from?whence?the?sounds?of?battle?can?be?heard.?To?the?east?you?can?see?a?large?mountain, ??
5.????????upon?which?many ??
6.????????school?papersare?littered.?Far?up?thus?mountain?you?can?spy?a?little?figure?who?appears?to ??
7.????????be?me,?desperately?scribbling?a ??
8.????????thesis.
??9.????
To?the?west?are?several?exits.?One?fun-looking?exit?is?labeled ??
10.????????.?Another?more?boring-looking?exit?is?labeled ??
11.????????ISP?.
??12.????
To?the?south?lies?a?dark?and?dank ??
13.????????contacts?page.?Cobwebs?cover?its?disused?entrance,?and?at?one?point?you?see?a?rat?run?quickly ??
14.????????out?of?the?page.
??15. ?
另外有需要云服務(wù)器可以了解下創(chuàng)新互聯(lián)scvps.cn,海內(nèi)外云服務(wù)器15元起步,三天無(wú)理由+7*72小時(shí)售后在線,公司持有idc許可證,提供“云服務(wù)器、裸金屬服務(wù)器、高防服務(wù)器、香港服務(wù)器、美國(guó)服務(wù)器、虛擬主機(jī)、免備案服務(wù)器”等云主機(jī)租用服務(wù)以及企業(yè)上云的綜合解決方案,具有“安全穩(wěn)定、簡(jiǎn)單易用、服務(wù)可用性高、性價(jià)比高”等特點(diǎn)與優(yōu)勢(shì),專為企業(yè)上云打造定制,能夠滿足用戶豐富、多元化的應(yīng)用場(chǎng)景需求。