HTML5 標籤怎麼用

這次我們來說一下對h5的footer標籤，nav的基本語法和結構，nav配合什麼標籤使用，在什麼情況下可以使用，幫助大家快速理解nav。

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

例如：

網站導覽內容

 

或

網站導航內容

 

在html5中特地將以前常用命名nav為新標籤元素。此標籤常用於導航處佈局。

html nav標籤語法與結構

1、基本文法

內容

 

2、nav加id

內容

 

3、nav加class

##

內容< ;/nav> 

4、nav標籤快速理解掌握

Nav是與導航相關的，所以一般用於網站導航佈局。同時完全就像使用div標籤、span標籤一樣來使用

標籤可新增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 標籤怎麼用的詳細內容。更多資訊請關注PHP中文網其他相關文章！