STU网页设计

网页制作中定义列表的介绍—HTML网页作业教程

更新时间:2018-02-26   文章分类:网页技术课堂

网页设计
 
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>
 
以上就是stu网页作业小编总结的步骤和方法,希望你能学会呦!
STU网页公众号

STU网页设计专注于DW网页设计制作,学生网页设计作业,简单网页模板下载,HTML静态网页成品,网页设计代做,网站作品定制,网页毕业设计制作,学生dreamweaver网页成品...

qq code back_top

微信扫码咨询