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

Web前端知識

首頁 > 免費 > Web前端知識 >

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

來源:北京匯仁智杰科技有限公   時間:2016-01-17   點擊:

  首先nav也是在html5中新增的元素標(biāo)簽。同時和其它新增標(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作為一個新標(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)航布局。同時完全就像使用div標(biāo)簽、span標(biāo)簽一樣來使用<nav>標(biāo)簽可添加id或class,而與div標(biāo)簽又有不同處是,此標(biāo)簽一般只用于導(dǎo)航相關(guān)地方使用,所以在一個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)換其實很容易理解html nav標(biāo)簽使用,以及配合ul li布局導(dǎo)航條技巧。

  二、兼容性提示——TOP

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

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

  以下DIVCSS5通過三個布局實踐讓大家掌握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)的布局,同時nav就像div那樣使用可以直接設(shè)置css也可以加class或id 。

網(wǎng)絡(luò)營銷推廣?。”本﹨R仁智杰科技有限公司!

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

匯仁智杰與眾不同

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

欧美、亚洲、精品| 中文在线字幕综合亚洲| 欧美插逼逼逼逼逼视频网| 美女被大鸡巴干了视频网站| 久久精品国产电影极品美女老师电影| 国产白丝上床| 欧美图片日本无码| 欧美国产印度美女啪啪视频| 黄色影院日韩| 久久在线干| 麻豆少妇农村| 中文超碰字幕中出| 亚洲在线观看成人乱a v| 黄色电影网址人妻乱| 欧美成人专区在线观看 | 日韩在线偷拍| 老头操老头jb视频| 国产成人久久久| 中文字幕人妻日本| 不卡一区二区日本欧美| 女干,com| porn精品一区| 欧美亚洲 丝袜 人妻 熟女| av男人天堂网址| 日本国产亚洲久久 | 婷婷五月天激情在线观看| 日韩毛片一区二区在线观看| 欧美亚洲无码精品| 新国产欧美日韩在线专区| 日本精品区至六区在线| 一区 本庄优花 中文字幕| 日本视频不卡| 亚洲伦理国产日韩久久精品| 久久久久久免费9999| 97人妻伦| 毛片av无码综合网址导航在线观看 | 欧美日韩穴| 久操亚洲天堂| 亚洲专区久| freexxx性欧美另类极品| 午夜福利视频免费蜜桃|