日本美女网站,婷婷五月天欧美欧美欧美欧美欧美,网站美女综合在线,日韩国产欧美手机视频在线免费更新

Web前端知識

首頁 > 免費(fèi) > Web前端知識 >

深入學(xué)習(xí)HTML5:nav標(biāo)簽

來源:北京匯仁智杰科技有限公   時(shí)間:2016-01-17   點(diǎn)擊:

  首先nav也是在html5中新增的元素標(biāo)簽。同時(shí)和其它新增標(biāo)簽一樣,nav在傳統(tǒng)html5以前版本Html布局中作為導(dǎo)航條相關(guān)常用命名來使用。

  比如:

  <div class=”nav”>網(wǎng)站導(dǎo)航內(nèi)容</div>

  或

  <div id=”nav”>網(wǎng)站導(dǎo)航內(nèi)容</div>

  在html5中特地將以前常用命名nav作為一個(gè)新標(biāo)簽元素。此標(biāo)簽常用于導(dǎo)航處布局。

  1、基本語法

  <nav>內(nèi)容</nav>

  2、nav加id

  <nav id=”abc”>內(nèi)容</nav>

  3、nav加class

  <nav class=”abc”>內(nèi)容</nav>

  4、nav標(biāo)簽快速理解掌握

  nav是與導(dǎo)航相關(guān)的,所以一般用于網(wǎng)站導(dǎo)航布局。同時(shí)完全就像使用div標(biāo)簽、span標(biāo)簽一樣來使用<nav>標(biāo)簽可添加id或class,而與div標(biāo)簽又有不同處是,此標(biāo)簽一般只用于導(dǎo)航相關(guān)地方使用,所以在一個(gè)html網(wǎng)頁布局中可能就使用在導(dǎo)航條處,或與導(dǎo)航條相關(guān)的地方布局使用。

  5、nav配合什么標(biāo)簽使用

  DIVCSS5在以前文章教程中介紹過一般導(dǎo)航條使用ul li標(biāo)簽布局,使用一般布局中nav標(biāo)簽與ul li標(biāo)簽配合使用。

  小案例如下:

  1)傳統(tǒng)html布局

  <div id=”nav”>

  <ul>

  <li>首頁</li>

  <li>欄目名稱</li>

  <li>聯(lián)系我們</li>

  </ul>

  </div>

  2)nav標(biāo)簽后

  <nav>

  <ul>

  <li>首頁</li>

  <li>欄目名稱</li>

  <li>聯(lián)系我們</li>

  </ul>

  </nav>

  由以上HTML布局到HTML5轉(zhuǎn)換其實(shí)很容易理解html nav標(biāo)簽使用,以及配合ul li布局導(dǎo)航條技巧。

  二、兼容性提示——TOP

  因?yàn)?lt;nav></nav>標(biāo)簽是html5新增的標(biāo)簽,而在IE8及以下IE瀏覽器(IE8、IE7、IE6)不支持,所以根據(jù)需求選擇布局HTML。

  通過傳統(tǒng)div布局與nav布局進(jìn)行對比學(xué)習(xí),從而從html css布局中掌握nav語法與用法。

  以下DIVCSS5通過三個(gè)布局實(shí)踐讓大家掌握nav布局分別:

  1)傳統(tǒng)div+ul+li布局導(dǎo)航樣式;

  2)nav+ul+li布局導(dǎo)航樣式;

  3)再在nav+ul+li布局的基礎(chǔ)上對nav設(shè)置class css樣式。

  通過以上案例讓大家明白nav一般配合ul/li或直接用于布局導(dǎo)航相關(guān)的布局,同時(shí)nav就像div那樣使用可以直接設(shè)置css也可以加class或id 。

網(wǎng)絡(luò)營銷推廣 . 北京匯仁智杰科技有限公司!

地址:北京市昌平區(qū)回龍觀龍冠大廈5層
咨詢:13370157521
業(yè)務(wù)QQ:373002979
E - mail:sales @ huirenzhijie.com
企業(yè)網(wǎng)站備案:京ICP備15021091號-1

匯仁智杰與眾不同

  • 有網(wǎng)絡(luò)推廣經(jīng)驗(yàn)
  • 有網(wǎng)站建站隊(duì)伍
  • 有大型網(wǎng)站建設(shè)經(jīng)驗(yàn)
  • 致力于營銷型網(wǎng)站建設(shè)
  • 始終堅(jiān)持技術(shù)和服務(wù)同樣重要
查看PC版網(wǎng)站
備案號:京ICP備15021091號-1 版權(quán)所有:匯仁智杰

欧美综合 三区| 北京无码中文| 免费激情亚洲| 精品国产99久久久久久宅男| 91大神在线视频免费看| 国产东北女人操逼视频| 麻豆研究所在线| 男女中文在线视频| 深夜av麻豆蜜桃| 丰满熟女少妇一区二区三区| 一本道 日韩专区| 久久久久久三四区| 女生操逼网站| 日本大香蕉9| 大鸡巴插女人小骚逼视频| 日本内射少妇xxxxx| 成人日韩福利| 久久久狠狠久久| 深爱婷婷在线| 熟女人亚洲区| 大大大香蕉玖玖在线| 亚洲,欧美日韩综合| 欧美精品一区二区三区乱码| 国产级别骚逼。| 香蕉久久伊人| 国产+亚洲+妖娆| 色哟呦国产| 欧美激久久影院| 97免费一级爱视频| 小草视频一区二区三区| 中出美少妇| 日韩欧美亚洲一区二区综合| 美乳人妻三级| 992TV免费福利一区二区三区| 充码人妻一二三| 熟妇乱插久久| 国产精品伦理宾馆| 精品久久久二二二| 2019精品无码一区二区| saoxueav| 久久久久久婷婷婷婷婷婷色|