+ -
当前位置:首页 → 问答吧 → 为了降低代码数量,在Ul中加入div会不会有不良后果?

为了降低代码数量,在Ul中加入div会不会有不良后果?

时间:2011-04-01

来源:互联网

代码很简单,只是为了做一个显示的效果,但是不能用ul内的li来做,所以插入div,显示达到了我想要的效果,但是会不会有不好的影响。因为不想在ul外部再嵌套div

<ul>
<div class='ul_left'></div>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<div class='ul_right'></div>
</ul>

ul {postion:relative}
ul div {position:absolute;}

作者: wontao   发布时间: 2011-04-01

我只能说你写反了 就算实现了也不对

<div> //这个是定位用的
<ul> //这个是现实内容用的
 ...
</ul>
</div>

作者: KK3K2005   发布时间: 2011-04-01

我要實現的是一點點的圓角感覺,你可以测试一下,我测试通过。显示正确
CSS code

ul {postion:relative; height:30px; widht:400px;}
ul li {height:30px; background:#36F; width:100px; float:left;}/* 4个li 占满 ul*/
ul div {height:28px; border-top:1px solid #FFF; border-bottom:1px solid #FFF; position:absolute;}
.ul_left {top:0; left:0;}
.ul_right {top:0; right:0;}


HTML code

<ul>
<div class='ul_left'></div>
<li></li>
<li></li>
<li></li>
<li></li>
<div class='ul_right'></div>
</ul>





引用 1 楼 kk3k2005 的回复:

我只能说你写反了 就算实现了也不对

<div> //这个是定位用的
<ul> //这个是现实内容用的
...
</ul>
</div>

作者: wontao   发布时间: 2011-04-01

W3验证会报错的。。。所以,最好别这么写。
<div class='ul_left'></div>
document type does not allow element "div" here; assuming missing "li" start-tag

作者: T5500   发布时间: 2011-04-01

我并不怎么关心W3C的检测结果,我只关心用户浏览器上面的现实结果和对搜索引擎友好,还有代码的精简度,也就是页面的载入速度。这些不规范的代码对搜索引擎的抓取不会有不好的影响吧

引用 3 楼 t5500 的回复:

W3验证会报错的。。。所以,最好别这么写。
<div class='ul_left'></div>
document type does not allow element "div" here; assuming missing "li" start-tag

作者: wontao   发布时间: 2011-04-01

热门下载

更多