dl,dt,dd标记在网页制作中的应用
来源:互联网 发布:阿里云cdn加速怎么用 编辑:程序博客网 时间:2024/05/21 20:29
我们在做列表的时候通常只会用到ul和li标签,至于dl,dt,dd一般都很少用到,这三个标签就是属于定义列表类的标签,先来分解一下这个列表的代码:
<dl><!–DefinitionList (定义列表)–>
<dt></dt><!–DefinitionTerm (定义项)–>
<dd></dd><!–DefinitionDescription (定义描述)–>
</dl>
看上面这段代码我们发现这里并没有出现<li>标签,而是由DL、DT、DD三个标签组成,根据外型以及之前的列表我们可以知道,DL是这个列表的一个容器,就像个箱子,不同的是这次箱子里不只有统一标准的单个小盒子了。而是出现两个不同的内容我们怎么理解这个DT与DD呢?从语义上来讲,DT是名称,是标题,而DD是解释,是内容。DT与DD都是盒子,DD只对应解释他上面的一个DT,不能越级或是向下解释。
我们在制作网页过程中用到列表时一般会使用<ul>或者<ol>标签,很少用刑<dl>标签,但是这个三个标签却有着不可忽视的作用,毕竟Web标准中要尽最大可能的使用已有的标签。它们的用途是:
< dl>< /dl>用来创建一个普通的列表,
< dt>< /dt>用来创建列表中的上层项目,
< dd>< /dd>用来创建列表中最下层项目,
< dt>< /dt>和<dd>< /dd>都必须放在< dl>< /dl>标志对之间。
有如下代码
<html><head><title>一个普通列表</title></head><body text="blue"><dl><dt>中国城市</dt><dd>北京 </dd><dd>上海 </dd><dd>广州 </dd><dt>美国城市</dt><dd>华盛顿 </dd><dd>芝加哥 </dd><dd>纽约 </dd></dl></body></html>
我们可以看到,<dt></dt>中间的文字即时我们没有进行缩进它也会怎地向前靠拢,而<dd></dd>中间的内容则自动向后缩进。这在腾讯新闻评论中已经使用到了
- dl,dt,dd标记在网页制作中的应用
- 网页制作中的CSS+DIV:dl,dt,dd
- 网页制作中的CSS+DIV:dl,dt,dd分别表示什么意思啊
- 网页制作小技巧:dl dt dd标签用法
- 网页制作小技巧:dl dt dd标签用法
- html 中的dl dt dd
- HTML的dl、dt、dd标记制作表格对决Table制作表格
- HTML的dl、dt、dd标记制作表格对决Table制作表
- css中dl,dt,dd的应用
- HTML网页制作之DL、DD、DT标签替代UL、LI
- < dt>< /dt> < dd>< /dd> <dl></dl>
- DD DT DL标签
- DL.DT.DD
- dl dt dd样式
- dl dt 和 dd
- DL DT DD
- 关于dl,dt,dd
- <dl><dt><dd>
- HDU4323-2012多校三-编辑距离
- 不重启系统,更改 Linux ulimit 中的open files
- QT 的信号与槽机制介绍
- rhel的网络配置
- 【rzxt】教你如何快速学会Win 7键盘使用方法
- dl,dt,dd标记在网页制作中的应用
- 判断表达式括号是否匹配java和js版本
- 清理QT SDK编译后,examples目录中的pdb ilk exp等垃圾文件
- Sqrt(x)
- rhel的源配置
- Linux Mongodb Sharding replset 集群
- Object.defineProperty 函数
- C语言的include
- 现在项目有个需求,要求把ms office和txt在线播放,偶当时就想到了布丁网 然后就问……google…… 结果google告诉偶,简单的办法在windows上是可以实现的,非常简单...不过