认识html-----定义列表（dl/dt+dd)
Posted
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了认识html-----定义列表（dl/dt+dd)相关的知识，希望对你有一定的参考价值。
参考技术A 定义列表的定义定义列表的格式：
<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,dt,dd怎么用
我们在制作网页过程中用到列表时一般会使用<ul>或者<ol>标签，很少用刑<dl>标签，但是这个三个标签却有着不可忽视的作用，毕竟Web标准中要尽最大可能的使用已有的标签。它们的用途是：
< dl>< /dl>用来创建一个普通的列表,
< dt>< /dt>用来创建列表中的上层项目，
< dd>< /dd>用来创建列表中最下层项目，
< dt>< /dt>和< dd>< /dd>都必须放在< dl>< /dl>标志对之间。
以上是关于认识html-----定义列表（dl/dt+dd)的主要内容，如果未能解决你的问题，请参考以下文章
为啥对 HTML 表单而不是表格使用定义列表（DL、DD、DT）标签？