|
主题:[求助]标签中DIV+CSS输出的应用? [收藏主题] | 转到: |
支持(0) | 反对(0) 顶端 底部 |
支持(0) | 反对(0) 顶端 底部 |
代码1: <ul> <li>aaaaaaaa</li> <li>bbbbbbb</li> </ul> 代码1: <div> <ul> <li>aaaaaaaa</li> <li>bbbbbbb</li> </ul> </div> 这两种经过样式后。视觉效果一样。你是选择代码1还是代码2.我肯定选择1.这更简洁
代码3: <dl> <dt>title></dt> <dd>aaaaaaaaa</dd> <dd>aaaaaaaaa</dd> </dl> 代码4: <div> <h3>title</h3> <ul> <li>aaaaaaaaaaa</li> </ul> </div> 代码3与代码4经过CSS时效果一样。我会选择3.不用界面只看代码就知道代码3所描述的是有标题的列表。而代码4就不一样是。 再写个复杂些的 http://www.xiaoyouxi.com/down/sort/680/680_1.htm 游戏列表我会写成
<dl> <dt>您的位置:XiaoYouXi.COM首页>> 益智小游戏>></dt> <dd> <dl> <dt><img src=""></dt> <dd> <p>益智类每日更新</p> <p>推荐Game.com.cn益智类小游戏每日更新</p> <dd> </dl> </dd> <dd> <dl> <dt><img src=""></dt> <dd> <p>益智类每日更新</p> <p>推荐Game.com.cn益智类小游戏每日更新</p> <dd> </dl> </dd> </dl>
代码从简洁与语义上都比较好。现很多人都是滥用ul li。见到貌似列表的就用ul li 。看到块状的就用div。我上面代码中块状用的是<p></p>。写DIV+CSS心态应该是不要为了出现哪种效果而写代码。那是在拼布局不是在写布局。合理的代码还是好的布局。对于SEO方面h3 与 dt的权重问题就多说了。。。
你图上的标签很难满足须要。除非你就使用div ul li。如果只用ul li做出来的效果干吗还要加上DIV尼。ul本身就可以当box。这时系统是否会多生成<div></div>尼。代码是否会产生沉积尼?
|
|
支持(0) | 反对(0) 顶端 底部 |
支持(0) | 反对(0) 顶端 底部 |
支持(0) | 反对(0) 顶端 底部 |
支持(0) | 反对(0) 顶端 底部 |
支持(0) | 反对(0) 顶端 底部 |
<上一主题 | 下一主题 > |