H5中Nav元素的作用及場景

H5中Nav元素的作用及場景

H5中Nav元素的作用及場景Nav元素一般用來做導航欄，鏈接到本頁面的某個位置或者是其他頁面，將具有導航性質(zhì)的鏈接劃分在一起，使代碼結(jié)構(gòu)在語義化方面更加準確。以下是H5中Nav元素的作用及場景的具體介紹。

1、Nav元素是什么

Nav元素用于定義導航鏈接，是HTML5新增的元素，該元素可以將具有導航性質(zhì)的鏈接歸納在一個區(qū)域中，使頁面元素的語義更加明確。其中的導航元素可以鏈接到站點的其他頁面或者當前頁的其他部分。

Nav元素可以用作頁面導航的鏈接組，在導航鏈接組里面有很多的鏈接，點擊每個鏈接可以鏈接到其他頁面或者當前頁面的其他部分，并不是所有的鏈接組都要被放在Nav元素里面，只需要把最主要的、基本的、重要的放在Nav元素里面即可。

比如說頁腳底部如果有個版權(quán)申明，不建議使用Nav元素，而建議使用footer元素是最合適的。一個頁面中可用多個Nav元素作為整體或者不同部分的導航

2、Nav元素可以用的場景

(1)傳統(tǒng)導航條：目前主流網(wǎng)站上都有不同層級的導航條，其作用是跳轉(zhuǎn)到網(wǎng)站的其他主頁面。

(2)側(cè)邊欄導航：目前主流博客網(wǎng)站及電商網(wǎng)站都有側(cè)邊欄導航，目的是將當前文章或當前商品頁面跳轉(zhuǎn)到其他文章或其他商品頁面。

(3)頁內(nèi)導航：它的作用是在本頁面幾個主要的組成部分之間進行跳轉(zhuǎn)。

(4)翻頁操作：翻頁操作切換的是網(wǎng)頁的內(nèi)容部分，可以通過單擊“上一頁”或“下一頁”切換，也可以通過單擊實際的頁數(shù)跳轉(zhuǎn)到某一頁。

除此Nav元素也可以用于其他重要的、基本的導航鏈接組中。并不是所有的鏈接組都要被放進Nav元素，只需要將主要的和基本的鏈接放進Nav元素即可。

      注：尊重原創(chuàng)文章,轉(zhuǎn)載請注明出處和鏈接 http://www.elsolbar.com/news-id-71757.html 違者必究！部分文章來源于網(wǎng)絡(luò)由培訓無憂網(wǎng)編輯部人員整理發(fā)布,內(nèi)容真實性請自行核實或聯(lián)系我們，了解更多相關(guān)資訊請關(guān)注web前端頻道查看更多，了解相關(guān)專業(yè)課程信息您可在線咨詢也可免費申請試課。關(guān)注官方微信了解更多：150 3333 6050