HTML5 <nav>标签怎么用

这次我们来说一下对h5的footer标签，nav的基本语法和结构，nav配合什么标签使用，在什么情况下可以使用，帮助大家快速理解nav。

首先nav也是在html5中新增的元素标签。同时和其它新增标签一样，nav在传统html5以前版本Html布局中作为导航条相关常用命名来使用。

比如：

364b5896b65993c82ec83da12b6c96ea网站导航内容16b28748ea4df4d9c2150843fecfba68 

或

0eb9bd576db516750fecab99b26fed1d网站导航内容16b28748ea4df4d9c2150843fecfba68 

在html5中特地将以前常用命名nav作为一个新标签元素。此标签常用于导航处布局。

html nav标签语法与结构

1、基本语法

c787b9a589a3ece771e842a6176cf8e9内容44f9630a3d507ae7532760da37622b0f 

2、nav加id

f3a7a92271a1806668dbffd05b0fcb5a内容44f9630a3d507ae7532760da37622b0f 

3、nav加class

c26435dd3f71b76d716405654360c31d内容44f9630a3d507ae7532760da37622b0f 

4、nav标签快速理解掌握

Nav是与导航相关的，所以一般用于网站导航布局。同时完全就像使用div标签、span标签一样来使用c787b9a589a3ece771e842a6176cf8e9标签可添加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中文网其他相关文章！