nav元素的说明和用法

1、nav元素一般用来做导航栏，链接到本页面的某个位置或者是其他页面的，

双标签，语法如下：

<nav>........</nav>

nav标签包裹内容

2、做导航链接代码如下：

<nav>

    <ul>

        <li>第一<li>

            <li>第一<li>

            <li>第一<li>

            <li>第一<li>

            <li>第一<li>

        <ul>

    </nav>

3、在浏览器显示的效果如下，这是横排导航，只要加一个float浮动即可

4、如果需要的是纵向导航，那么取消float浮动即可

5、浏览器效果如图所示

6、这里我是给ul设置了一个背景颜色，和鼠标移入效果颜色

具体代码是：

list-style-type:none;

width:50px;

}

ul li{

/*float:left;*/

background-color:#F00;}

ul li:hover{

background:#096;}