您当前的位置: 首页 > 前端教程 > CSS教程 > 提高CSS文件可维护、可读性的指南

提高CSS文件可维护、可读性的指南

作者:不详 来源:网络 发布时间: 2010-06-14 11:49 点击:
定义列表其形式特别,用法也很特别,相比较无序列表来说用到定义列表的就少很多。也有很多朋友还没有开始使用这个列表,那么下面就来分解一下这个列表的代码: dl dt/dt dd/dd /dl 看上面这段代码我们发现这里并没有出现li标签,而是由DL、DT、DD三个标签组成,根据外

提高CSS文件可维护、可读性的指南

  定义列表其形式特别,用法也很特别,相比较无序列表来说用到定义列表的就少很多。也有很多朋友还没有开始使用这个列表,那么下面就来分解一下这个列表的代码:
  
  <dl>
  
  <dt></dt>
  
  <dd></dd>
  
  </dl>
  
  看上面这段代码我们发现这里并没有出现<li>标签,而是由DL、DT、DD三个标签组成,根据外型以及之前的列表我们可以知道,DL是这个列表的一个容器,就像个箱子,不同的是这次箱子里不只有统一标准的单个小盒子了。而是出现两个不同的内容我们怎么理解这个DT与DD呢?从语义上来讲,DT是名称,是标题,而DD是解释,是内容。DT与DD都是盒子,DD只对应解释他上面的一个DT,不能越级或是向下解释。当DT不存在的时候那么DD也就没有存在的意义,而DT是否一定需要DD跟随其后,这点上我还没有找到确切的文献可以说明这一点,但是以我对于定义列表的理解,我认为如果数据中只有DT没有DD那么这就一不能成为定义列表,直接用UL无序列表就可以了。但是当数据中只有某一个或是少数几个没有DD,而大部分都有DD,那么我认为这种形式是可以存在的。
  
  <dl>
  
  <dt>有序列表</dt>
  
  <dt>有序列表</dt>
  
  <dt>有序列表</dt>
  
  <dt>有序列表</dt>
  
  </dl>
  
  以上这种很明显就不合适了,这样的形式就是无序列表,何必要用定义列表呢,从语意上也说不通。
  
  <dl>
  
  <dt>有序列表</dt>
  
  <dd>有序列表就是有序列的数据以列表形成组织而成的数据形式</dd>
  
  <dt>有序列表</dt>
  
  <dd>有序列表就是有序列的数据以列表形成组织而成的数据形式</dd>
  
  <dt>这一句没有解释</dt>
  
  <dt>有序列表</dt>
  
  <dd>有序列表就是有序列的数据以列表形成组织而成的数据形式</dd>
  
  </dl>
  
  上面这种形式则我个人认为是可行的。那么一个DT是否可以带多个DD呢?这点上我同样没有找到文献说明不可以,并且在一些知名的网站中这种一个DT带多个DD的依然很多。我对此的看法是,物殊情况下一个DT带多个DD是可以的,但是一般情况上我认为这种做法还是有所欠缺。从释上来看,多个DD是否表明着多个解释?或是解释内容要分段也不需要让DD来当这只抓耗子的狗。一个DD中完全可以内嵌很多个段落标签。再则从样式应用上来讲,多个DD整体松散,其设计的扩展性不足。比如,当我们要做一个点击DT隐藏对应的DD的效果时,这种多DD的做法就不那么好实现了。所以在不是特殊用途情况下尽可能不要使用一个DT带多个DD的做法,还是把内容放在DD里,分段的就让段落标签去做,分列表的就让有序或是无序列表去表现。
  
  还是开始讲的,标签本身没什么,重点要思考如何应用。

分享到:
本文"提高CSS文件可维护、可读性的指南"由远航站长收集整理而来,仅供大家学习与参考使用。更多网站制作教程尽在远航站长站。
顶一下
(1)
100%
踩一下
(0)
0%
[点击 次] [返回上一页] [打印]
发表评论
请自觉遵守互联网相关的政策法规,严禁发布色情、暴力、反动的言论。
评价:
表情:
用户名: 密码: 验证码:
关于本站 - 联系我们 - 网站声明 - 友情连接- 网站地图 - 站点地图 - 返回顶部
Copyright © 2007-2013 www.yhzhan.com(远航站长). All Rights Reserved .
远航站长:为中小站长提供最佳的学习与交流平台,提供网页制作与网站编程等各类网站制作教程.
官方QQ:445490277 网站群:26680406 网站备案号:豫ICP备07500620号-4