首先nav也是在html5中新增的元素標簽。同時和其它新增標簽一樣，nav在傳統html5以前版本Html布局中作為導航條相關常用命名來使用。

比如：

<div class=”nav”>網站導航內容</div>

或

<div id=”nav”>網站導航內容</div>

在html5中特地將以前常用命名nav作為一個新標簽元素。此標簽常用于導航處布局。

html nav標簽語法與結構

1、基本語法

<nav>內容</nav>

2、nav加id

<nav id=”abc”>內容</nav>

3、nav加class

<nav class=”abc”>內容</nav>

4、nav標簽快速理解掌握

Nav是與導航相關的，所以一般用于網站導航布局。同時完全就像使用div標簽、span標簽一樣來使用<nav>標簽可添加id或class，而與div標簽又有不同處是，此標簽一般只用于導航相關地方使用，所以在一個html網頁布局中可能就使用在導航條處，或與導航條相關的地方布局使用。

5、nav配合什么標簽使用

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

小案例如下：

傳統html布局

<div id=”nav”> 
<ul> 
<li>首頁</li> 
<li>欄目名稱</li> 
<li>聯系我們</li> 
</ul> 
</div>

2）、nav標簽后

<nav> 
<ul> 
<li>首頁</li> 
<li>欄目名稱</li> 
<li>聯系我們</li> 
</ul> 
</nav>

由以上HTML布局到HTML5轉換其實很容易理解html nav標簽使用，以及配合ul li布局導航條技巧。

nav標簽的使用方法就到這里了，希望你可以熟練掌握，更多精彩請關注php中文網其它相關文章！

相關閱讀：

HTML里white-space怎么使用

HTML網頁字體大小的設置

HTML5文字彈幕效果

以上就是HTML5 <nav>標簽怎么用的詳細內容，更多請關注php中文網其它相關文章！