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

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)所有:匯仁智杰

天天弄无码福利| 久久中文字幕中出片| 婷婷激情五月天激情自拍| 亚洲 日韩 伦理 在线| 超碰小情侣| 欧美激情69| 噜噜噜噜久久久久久| 亚洲人成网站在线综合| 日韩久久久久久性色| 熟妇C逼AV| 搜索欧美一级黄片| 久久大奶综合久久日本久久| 超过97在线| 国产欧美视频在线观看网站| 精品国产一区二区三区麻豆| 国产区一区二区我不卡| 欧美激情中文不卡| 青春草AV| 久久精品綜合| 无码不卡色| 女同媚药在线播放| 国产成人黄色W.91| 午夜电影久久久久| 日韩在线专区 草尼马视频| 成人精品黄色| 四虎精品欧美一区二区免费| 人妻一区二区三区四区三区四| 日本久久久福利视频| 精品小说无码| 欧美3d一区二区三区四区| 久久99国产精品一区| 人人超碰爱香蕉| 国产妇女高潮区一区二区| 沈阳市| 色yeye.com| 欧美一二区加勒比| 西西老太太午夜性生活片| 一级久久黄色片| 午夜爱插在内射日本美女| aV中文字幕官网| 国产欧美一区二区红桃|