为什么要使用ul li布局网站导航条 CSS+SEO优化篇
2!= f hN 为什么要使用ul li布局网站导航条？使用ul li布局网站网页导航必要性。对于SEO优化来说显得非常重要。CSS DIV布局时考虑seo因素。
QE`bSI 会布局的都知道网站导航条布局非常重要，可能一个导航条最终布局效果有时可以使用ul li列表标签布局，有时可以不用ul li布局，而是直接一个div盒子里直接放锚文本超链接的栏目名称，也能实现，看下图。
ExL0?FemWV 假如要布局出这样简单导航条效果截图
LuvY<~u 假如要布局出这样简单导航条效果
H ]Z$OpI 比如以下代码：
Trz@~d/[,n 1、可以使用Ul li布局导航条
0[?Xxk}s0 <ul>
:(* V?WI <li><a href="http://www.divcss5.com/">网站首页</a></li>
=R$u[~Xl2X <li><a href="http://www.divcss5.com/html/">HTML教程</a></li>
"n5N[1b k <li><a href="http://www.divcss5.com/htmlrumen/">HTML入门</a></li>
,uhb~N< <li><a href="http://www.divcss5.com/html5/">HTML5教程</a></li>
^'{F h"5 <li><a href="http://www.divcss5.com/rumen/">CSS教程</a></li>
^KT Y? <li><a href="http://www.divcss5.com/cssrumen/">CSS入门</a></li>
o~y;j75{.* </ul>
4*cEag 2、也可以不使用ul li布局的
`% "\@< <div class=”nav”>
ShP^A"Do <a href="http://www.divcss5.com/">网站首页</a>
~/iKh1 1 <a href="http://www.divcss5.com/html/">HTML教程</a>
>rmqBDKaQ <a href="http://www.divcss5.com/htmlrumen/">HTML入门</a>
Q1I6$8:7 <a href="http://www.divcss5.com/html5/">HTML5教程</a>
C]`$AqKl <a href="http://www.divcss5.com/rumen/">CSS教程</a>
u?<%q! <a href="http://www.divcss5.com/cssrumen/">CSS入门</a>
6@F9G 4<Z </div>
N gGp 通过以上两种布局都能实现同样导航条布局效果，但是DIVCSS5推荐使用ul li布局，哪怕多几个ul li标签代码也无妨。
S3*`jF>q 这是为什么（推荐ul li）？
=M [bn q*\ 在不考虑网站优化seo布局情况下，DIVCSS5是推荐不用ul li布局从而节约html代码；但一般网站要考虑搜索引擎排名因素（SEO），此时如果不用ul li而是直接在一个盒子里放锚文本超链接的栏目名称，虽然html代码量减少了，但这样搜索引擎容易认为有堆砌关键字嫌疑（故意堆砌关键字容易被搜索引擎有降权的风险）。如果使用ul li列表标签布局，这个时候搜索引擎很容易辨别为有条理的列表型内容（对搜索引擎蜘蛛更加友好）。
.*S#aq4S 综合以上描述，不难看出有时在div css网页布局中考虑seo搜索引擎优化时网页布局适当使用h1、h2、h3、h4、b、strong等标签必要性，如果在html css布局中对不同html 标签灵活使用，可能会得到意想不到的效果。当然使用不同标签的使用适可而止，不要滥用后成为适得其反。
