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、显示结果：
定义列表的定义
定义列表的格式：
<dl>
<dt></dt>
<dd>
</dd>
<dt></dt>
<dd>
</dd>
</dl>
dt英文definiten title的缩写,dt就是用来定义列表中标题。
dd的作用对应dt标题对应的描述的。
列表如下：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>无序列表</title>
</head>
<body>
<dl>
<dt>北京</dt>
<dd>中国的首都，是中国政治，文化中心
</dd>
<dt>周行知</dt>
<dd>
喜马拉雅历史人文主播，爱奇艺号作家，作者，头条号作者，百家号作者
</dd>
</dl>
</body>
</html>
运行如图所示：
应用场景：
1）用作网站底部相关信息的制作。
例如京东商城：
2）做图文混排
定义列表的注意点：
1）和我们的列表ul/ol一样，dd/dt与它是一个整体。不可分割。
2）建议是dl标签只能放dd与dt标签。
3)dt/dd如果为丰富界面需要加入其它标签，也可以。
<dl></dl>用来创建一个普通的列表,<dt></dt>用来创建列表中的上层项目，<dd></dd>用来创建列表中最下层项目。
<dl><dt><dd>是一组合标签，使用了dt dd最外层就必须使用dl包裹，此组合标签我们也又叫表格标签，与table表格类似组合标签，故名我们也叫dl表格。
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）