HTML教程:定义列表



原文:http://andymao.com/andy/post/104.html
上一节:有序列表
写完“无序列表”和“有序列表”之后已经有人和我说这两篇看得没什么意思。这两篇文章如果只以单向读取的形式阅读那么的确是没什么意思,但是这两篇重要的地方就在于要读者加入自己的思考。有序无序单标签很简单,只要知道用法就行,但是关键点我认为不在于知道这个标签长什么样,重点是在于什么样的数据适合使用什么样的列表。什么样的数据是有序的,什么样的数据是无序的?阅读完要思考,这样才能学到东西,知识才能是自己的。
定义列表其形式特别,用法也很特别,相比较无序列表来说用到定义列表的就少很多。也有很多朋友还没有开始使用这个列表,那么下面就来分解一下这个列表的代码:
<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里,分段的就让段落标签去做,分列表的就让有序或是无序列表去表现。
还是开始讲的,标签本身没什么,重点要思考如何应用。下面给一张图大家看一下是否应该使用自定义列表。一起讨论一下。



相关阅读:
Windows 7系统中的UAC有什么改善?
Oracle数据库穿透防火墙实现服务端的连接
丢失的数据忘记备份的处理方法[图文]
取得父标签
javascript 鼠标滚轮事件
CSS+Div网页布局中的结构与表现
LINUX FSCK数据出错灾难应急方案
详尽介绍VISTA的各个版本
页面内文字的滚动代码详解
css中border:none;与border:0;的区别说明
jQuery Tab插件 用于在Tab中显示iframe,附源码和详细说明
vb.net入门——Windows窗体的继承
解决ASP.NET的进程帐户没有访问 IIS的权限
php教程:php设计模式介绍之观测模式
快速导航
PHP MySQL HTML CSS JavaScript MSSQL AJAX .NET JSP Linux Mac ASP 服务器 SQL jQuery C# C++ java Android IOS oracle MongoDB SQLite wamp 交通频道 作文范文 让你的友谊保持一生的5大法则 向日葵的自述700字 人生的迷惘 伊斯兰教家庭礼仪 2015年建材业务员工作计划 保险营销的求职者自我介绍 赏雨之乐 找妖怪 不安那几天 心急如焚之你家孩子有没有对象 秋,那简单的幸福 《从洋思到东庐》读后感作文1200字 读《你在天堂里预见的五个人》观后感作文700字 重阳节作文750字:孝心 怀揣梦想花开半夏 初中初一作文700字:迎奥运班队活动 孩子不是你的私人物品,请对他负责 《胜利之歌(三首)》的补充 艰险的旅行 乡村和城市 爱情说说:是谁赠予我们遇见 却不一并赠予我们永远. 老妈——我的朋友作文550字 男女之间存在真正的友情么 等伊人作文250字 学游泳_关于学游泳的小学生记事作文600字 有人说我 2015放飞青春演讲稿 日记一则——游菜丰园550字 瑶大爷的这些、百度搜不到、、 为汉服的低吟浅 世界八大遗产导游词 幽默搞笑神段子:劳资咽不下这口气! 小公司怎样渡过创业危险期 小学四年级作文350字:喜羊羊与灰太狼之———勇闯众神墓地之一 大学生调查研究协会工作总结-部门工作总结_部门工作总结 立冬的雨还在不停的哭泣 关于幼师入党申请书模板精选 励志故事:我的梦想永无休止 2009年上学期微机班班主任工作总结 夹缝中生存 热闹的大课间活动 做飞蛾 随风摇曳是荷花 我真的很棒作文1000字 美丽中国,幸福起航作文600字 母亲的伟大作文800字 白发苍苍,仍记红裳 初中初三作文800字:水明楼参观记 黑夜,杂乱的念想 下雨作文400字

Copyright © 2016 phpStudy |