HTML5 <nav>標(biāo)簽如何用

首先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作為一個新標(biāo)簽元素。此標(biāo)簽常用于導(dǎo)航處布局。

html nav標(biāo)簽語法與結(jié)構(gòu)

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)地方使用，所以在一個html網(wǎng)頁布局中可能就使用在導(dǎo)航條處，或與導(dǎo)航條相關(guān)的地方布局使用。

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

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

小案例如下：

傳統(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)航條技巧。

nav標(biāo)簽的使用方法就到這里了，希望你可以熟練掌握，更多精彩請關(guān)注php中文網(wǎng)其它相關(guān)文章！

相關(guān)閱讀：

HTML里white-space怎么使用

HTML網(wǎng)頁字體大小的設(shè)置

HTML5文字彈幕效果

以上就是HTML5 <nav>標(biāo)簽怎么用的詳細(xì)內(nèi)容，更多請關(guān)注php中文網(wǎng)其它相關(guān)文章！