html中,dl和dd和dt标签是什么意思,什么时候需要用到它们

html-css025

html中,dl和dd和dt标签是什么意思,什么时候需要用到它们,第1张

html中,dl和dd和dt标签的意思如下:

1、dl标签定义了定义列表(definition list)。

2、dd是用来定义列表中定义条目的定义部分。

举例说明:

<html>

<body>

<h2>一个定义列表:</h2>

<dl>

 <dt>计算机</dt>

 <dd>用来计算的仪器 ... ...</dd>

 <dt>显示器</dt>

 <dd>以视觉方式显示信息的装置 ... ...</dd>

</dl>

</body>

</html>

3、显示结果:

1,定义:

<dl>

<dt>

<dd>是一组合标签,使用了dt

dd最外层就必须使用dl包裹,此组合标签我们也又叫表格标签,与table表格类似组合标签,故名我们也叫dl表格。

<dl><dt></dt><dd></dd></dl>为常用标题+列表型标签。如没有对dl

dt

dd标签初始CSS样式,默认dd列表内容会一定缩进。

2,用法:

<dl>

<dt>列表标题</dt>

<dd>列表内容</dd>

<dd>列表内容</dd>

...

</dl>

首先dt和dd是放于dl标签内,标签dt与dd处于dl下相同级。也就是dt不能放入dd内,dd不能放入dt内。在dl下,dt与dd处于同级标签。DD标签可以若干。同时不能不加dl地单独使用dt标签或dd标签。

我们实践使用dl

dt

dd标签最多地方,通常是具有标题,而标题下对应有若干列表简单的(栏目标题+对应标题列表)和标题对应下面有内容。

我们在制作网页过程中用到列表时一般会使用<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>中间的内容则自动向后缩进。 希望我的回答对您有所帮助!