HTML5 <nav>标签如何用

首先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中文网其它相关文章！