歡迎來到培訓(xùn)無憂網(wǎng)!

全國切換

咨詢熱線 400-001-5729

位置:培訓(xùn)無憂網(wǎng) > 新聞資訊 > 電腦/IT > web前端 >  前端學(xué)習(xí)中的Nav元素有哪些作用

前端學(xué)習(xí)中的Nav元素有哪些作用

來源:培訓(xùn)無憂網(wǎng) 發(fā)布人:星星

2022-03-01 16:04:25|已瀏覽:190次

Nav元素有哪些作用

       web前端培訓(xùn)學(xué)習(xí)HTML5中Nav元素一般用來做導(dǎo)航欄,鏈接到本頁面的某個位置或者是其他頁面。元素標(biāo)簽<nav>將具有導(dǎo)航性質(zhì)的鏈接劃分在一起,使代碼結(jié)構(gòu)在語義化方面更加準(zhǔn)確,同時對于屏幕閱讀器等設(shè)備的支持也更好。

       web前端培訓(xùn)學(xué)習(xí)Nav元素用于定義導(dǎo)航鏈接,是HTML5新增的元素,該元素可以將具有導(dǎo)航性質(zhì)的鏈接歸納在一個區(qū)域中,使頁面元素的語義更加明確。其中的導(dǎo)航元素可以鏈接到站點的其他頁面或者當(dāng)前頁的其他部分。
       Nav元素可以用作頁面導(dǎo)航的鏈接組,在導(dǎo)航鏈接組里面有很多的鏈接,點擊每個鏈接可以鏈接到其他頁面或者當(dāng)前頁面的其他部分,并不是所有的鏈接組都要被放在Nav元素里面,只需要把最主要的、基本的、重要的放在Nav元素里面即可。
       比如說頁腳底部如果有個版權(quán)申明,不建議使用Nav元素,而建議使用footer元素是最合適的。一個頁面中可用多個Nav元素作為整體或者不同部分的導(dǎo)航。代碼中,通過在web前端培訓(xùn)學(xué)習(xí)Nav元素內(nèi)部嵌套無序列表ul來搭建導(dǎo)航結(jié)構(gòu)。通常一個HTML頁面中可以包含多個Nav元素,作為頁面整體或不同部分的導(dǎo)航。具體來說Nav元素可以用的場景如下:
       1、傳統(tǒng)導(dǎo)航條:目前主流網(wǎng)站上都有不同層級的導(dǎo)航條,其作用是跳轉(zhuǎn)到網(wǎng)站的其他主頁面。
       2、側(cè)邊欄導(dǎo)航:目前主流博客網(wǎng)站及電商網(wǎng)站都有側(cè)邊欄導(dǎo)航,目的是將當(dāng)前文章或當(dāng)前商品頁面跳轉(zhuǎn)到其他文章或其他商品頁面。
       3、頁內(nèi)導(dǎo)航:它的作用是在本頁面幾個主要的組成部分之間進(jìn)行跳轉(zhuǎn)。
       4、翻頁操作:翻頁操作切換的是網(wǎng)頁的內(nèi)容部分,可以通過單擊“上一頁”或“下一頁”切換,也可以通過單擊實際的頁數(shù)跳轉(zhuǎn)到某一頁。
       除此Nav元素也可以用于其他重要的、基本的導(dǎo)航鏈接組中。并不是所有的鏈接組都要被放進(jìn)Nav元素,只需要將主要的和基本的鏈接放進(jìn)Nav元素即可。

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

留下你的信息,課程顧問老師會一對一幫助你規(guī)劃更適合你的專業(yè)課程!
  • 姓名:

  • 手機(jī):

  • 地區(qū):

  • 想學(xué)什么:

  • 培訓(xùn)無憂網(wǎng)
免 費(fèi) 申 請 試 聽
提交申請,《培訓(xùn)無憂網(wǎng)》課程顧問老師會一對一幫助你規(guī)劃更適合你的專業(yè)課程!