Warning: error_log(/data/www/wwwroot/hmttv.cn/caches/error_log.php): failed to open stream: Permission denied in /data/www/wwwroot/hmttv.cn/phpcms/libs/functions/global.func.php on line 537 Warning: error_log(/data/www/wwwroot/hmttv.cn/caches/error_log.php): failed to open stream: Permission denied in /data/www/wwwroot/hmttv.cn/phpcms/libs/functions/global.func.php on line 537 老子影院伦不卡欧美,日本中文字幕免费,欧美黄网站免费观看

          整合營(yíng)銷(xiāo)服務(wù)商

          電腦端+手機(jī)端+微信端=數(shù)據(jù)同步管理

          免費(fèi)咨詢(xún)熱線(xiàn):

          HTML5中Nav元素的正確打開(kāi)方式

          av元素是什么?

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

          Nav元素可以用作頁(yè)面導(dǎo)航的鏈接組,在導(dǎo)航鏈接組里面有很多的鏈接,點(diǎn)擊每個(gè)鏈接可以鏈接到其他頁(yè)面或者當(dāng)前頁(yè)面的其他部分,并不是所有的鏈接組都要被放在Nav元素里面,只需要把最主要的、基本的、重要的放在Nav元素里面即可

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

          示例代碼:

          Nav元素示例代碼

          在上面這段代碼中,通過(guò)在Nav元素內(nèi)部嵌套無(wú)序列表ul來(lái)搭建導(dǎo)航結(jié)構(gòu)。通常一個(gè)HTML頁(yè)面中可以包含多個(gè)Nav元素,作為頁(yè)面整體或不同部分的導(dǎo)航。

          具體來(lái)說(shuō)Nav元素可以用的場(chǎng)景如下:

          1.傳統(tǒng)導(dǎo)航條:目前主流網(wǎng)站上都有不同層級(jí)的導(dǎo)航條,其作用是跳轉(zhuǎn)到網(wǎng)站的其他主頁(yè)面。

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

          3.頁(yè)內(nèi)導(dǎo)航:它的作用是在本頁(yè)面幾個(gè)主要的組成部分之間進(jìn)行跳轉(zhuǎn)。

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

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

          好程序員web前端分享HTML5中的nav標(biāo)簽,nav標(biāo)簽全稱(chēng)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類(lèi)似并沒(méi)有指定必須是主導(dǎo)航,也可以是頁(yè)面其它部分的子導(dǎo)航。如下:

          1.<h3>gbin1.com文章列表</h3>

          2.<nav>

          3. <ul>

          4. <li><a href="#html5">HTML5文章介紹</a></li>

          5. <li><a href="#css3">CSS3文章介紹</a></li>

          6. <li><a href="#jquery">jQuery文章介紹</a></li>

          7. <ul>

          8.</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)航。

          1.<h1>雨打浮萍</h1>

          2.<nav>

          3. <ul>

          4. <li><a href="/">首頁(yè)</a></li>

          5. <li><a href="#">html+css</a></li>

          6. ...more...

          7. </ul>

          8.</nav>

          9.<article>

          10. <header>

          11. <h1>html5語(yǔ)義化標(biāo)簽之結(jié)構(gòu)標(biāo)簽</h1>

          12. <p><span>發(fā)表于</span>2011-12-22</p>

          13. </header>

          14. <nav>

          15. <ul>

          16. <li><a href="#">子導(dǎo)航</a></li>

          17. <li><a href="#">子導(dǎo)航</a></li>

          18. ...more...

          19. </ul>

          20. </nav>

          21. <div>

          22. <section id="public">

          23. <h1>section里面仍然可以再用h1標(biāo)簽</h1>

          24. <p>...more...</p>

          25. </section>

          26. <section id="destroy">

          27. <h1>section里面仍然可以再用h1標(biāo)簽</h1>

          28. <p>...more...</p>

          29. </section>

          30. ...more... </div>

          31. <footer>

          32. <p><a href="#">關(guān)于我們</a> |

          33. <a href="#">友情鏈接</a> |

          34. <a href="#">雜七雜八</a></p>

          35. </footer>

          36.</article>

          37.<footer>

          38. <p><small>? copyright 2011 </small></p>

          </footer>

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

          1.<nav>

          2. <h1>Navigation</h1>

          3. <p>You are on my home page. To the north lies

          4. <a href="/blog">my blog</a>, from whence the sounds of battle can be heard. To the east you can see a large mountain,

          5. upon which many

          6. <a href="/school">school papers</a>are littered. Far up thus mountain you can spy a little figure who appears to

          7. be me, desperately scribbling a

          8. <a href="/school/thesis">thesis</a>.</p>

          9. <p>To the west are several exits. One fun-looking exit is labeled

          10. <a </a>. Another more boring-looking exit is labeled

          11. <a >ISP?</a>.</p>

          12. <p>To the south lies a dark and dank

          13. <a href="/about">contacts page</a>. Cobwebs cover its disused entrance, and at one point you see a rat run quickly

          14. out of the page.</p>

          15.</nav>

          av元素用于定義導(dǎo)航鏈接,是HTML5新增的元素,該元素可以將具有導(dǎo)航性質(zhì)的鏈接歸納在一個(gè)區(qū)域中,使頁(yè)面元素的語(yǔ)義更加明確。其中的導(dǎo)航元素可以鏈接到站點(diǎn)的其他頁(yè)面,或者當(dāng)前頁(yè)的其他部分。例如下面這段示例代碼:

          <nav>
              <ul>
                  <li><a href="#">首頁(yè)</li>
                  <li><a href="#">公司概況</li>
                  <li><a href="#">產(chǎn)品展示</li>
                  <li><a href="#">聯(lián)系我們</li>
              </ul>
          </nav>

          在上面這段代碼中,通過(guò)在nav元素內(nèi)部嵌套無(wú)序列表ul來(lái)搭建導(dǎo)航結(jié)構(gòu)。通常,一個(gè)HTML頁(yè)面中可以包含多個(gè)nav元素,作為頁(yè)面整體或不同部分的導(dǎo)航。具體來(lái)說(shuō),nav元素可以用于以下幾種場(chǎng)合。

          傳統(tǒng)導(dǎo)航條:目前主流網(wǎng)站上都有不同層級(jí)的導(dǎo)航條,其作用是跳轉(zhuǎn)到網(wǎng)站的其他主頁(yè)面。

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

          頁(yè)內(nèi)導(dǎo)航:它的作用是在本頁(yè)面幾個(gè)主要的組成部分之間進(jìn)行跳轉(zhuǎn)。

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

          除了以上幾點(diǎn)以外,nav元素也可以用于其他重要的、基本的導(dǎo)航鏈接組中。

          需要注意的是,并不是所有的鏈接組都要被放進(jìn) nav元素,只需要將主要的和基本的鏈接放進(jìn)nav元素即可。


          主站蜘蛛池模板: 一区二区三区四区在线视频| 成人免费一区二区无码视频 | 国产内射在线激情一区| 久久久精品人妻一区二区三区四| 日韩精品一区二区午夜成人版 | 乱人伦一区二区三区| 欧美av色香蕉一区二区蜜桃小说 | 好吊视频一区二区三区| 乱码人妻一区二区三区| 亚洲一区二区三区高清在线观看 | 91在线一区二区| 亚洲国产成人一区二区三区| 久久国产精品一区| 精品视频一区二区三区| 久久久久人妻一区精品果冻| 精品一区二区AV天堂| 国产精品综合AV一区二区国产馆| 国产精品一级香蕉一区| 日韩精品无码一区二区三区免费| 久久一区二区三区免费播放| 无码aⅴ精品一区二区三区浪潮| 久久精品一区二区三区不卡| 99久久国产精品免费一区二区| 自慰无码一区二区三区| 三上悠亚国产精品一区| 亚洲视频一区调教| 亚洲综合无码一区二区三区| 亚洲乱码一区二区三区国产精品| 亚洲国产激情在线一区| 亚洲精品日韩一区二区小说| 正在播放国产一区| 中文字幕一区二区在线播放| 久久亚洲国产精品一区二区| 精品国产一区二区三区不卡| 精品国产日韩亚洲一区91| 亚洲高清偷拍一区二区三区| 日本一区二区三区在线观看 | 99在线精品一区二区三区| 天堂一区二区三区精品| 亚洲国产激情一区二区三区| 国产激情无码一区二区|