为了降低代码数量,在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;}
<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>
<div> //这个是定位用的
<ul> //这个是现实内容用的
...
</ul>
</div>
作者: KK3K2005 发布时间: 2011-04-01
我要實現的是一點點的圓角感覺,你可以测试一下,我测试通过。显示正确
CSS code
HTML code
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>
我只能说你写反了 就算实现了也不对
<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

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
W3验证会报错的。。。所以,最好别这么写。
<div class='ul_left'></div>
document type does not allow element "div" here; assuming missing "li" start-tag
作者: wontao 发布时间: 2011-04-01
相关阅读 更多
热门阅读
-
office 2019专业增强版最新2021版激活秘钥/序列号/激活码推荐 附激活工具
阅读:74
-
如何安装mysql8.0
阅读:31
-
Word快速设置标题样式步骤详解
阅读:28
-
20+道必知必会的Vue面试题(附答案解析)
阅读:37
-
HTML如何制作表单
阅读:22
-
百词斩可以改天数吗?当然可以,4个步骤轻松修改天数!
阅读:31
-
ET文件格式和XLS格式文件之间如何转化?
阅读:24
-
react和vue的区别及优缺点是什么
阅读:121
-
支付宝人脸识别如何关闭?
阅读:21
-
腾讯微云怎么修改照片或视频备份路径?
阅读:28