首页  >  文章  >  web前端  >  html中dl和dd和dt标签的定义

html中dl和dd和dt标签的定义

黄舟
黄舟原创
2017-06-21 15:21:439690浏览

我们在制作网页过程中用到列表时一般会使用ff6d136ddc5fdfeffaf53ff6ee95f185或者c34106e0b4e09414b63b2ea253ff83d6标签,很少用刑5c69336ffbc20d23018e48b396cdd57a标签,但是这个三个标签却有着不可忽视的作用,毕竟Web标准中要尽最大可能的使用已有的标签。它们的用途是:
db9a701eea2ab4a1ec2bb391ddc2eae5a3918fe0b70e08a22a7548856f8395ab用来创建一个普通的列表,
fab85fc546d76cca9db3f11748424162de94021491bd63f6ae16d485c0a150f8用来创建列表中的上层项目,
152436f649dfcc2350c70c7083a3231e61c2795ecf2bb2bc7cac2175c6ae6977用来创建列表中最下层项目,
fab85fc546d76cca9db3f11748424162de94021491bd63f6ae16d485c0a150f8和152436f649dfcc2350c70c7083a3231e61c2795ecf2bb2bc7cac2175c6ae6977都必须放在db9a701eea2ab4a1ec2bb391ddc2eae5a3918fe0b70e08a22a7548856f8395ab标志对之间。

以下是实例:

<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>

我们可以看到,73de882deff7a050a357292d0a1fca94c72c1af5e0e7f90179c047c5ef85885e中间的文字即时我们没有进行缩进它也会向前靠拢,而67bc4f89d416b0b8236eaa5f43dee74282e295699cff932a4d4dabba39074c35中间的内容则自动向后缩进。

一般我们在做列表的时候通常只会用到ul和li标签,至于DL一般都很少用到,它也属于列表类的标签,5c69336ffbc20d23018e48b396cdd57a标记定义了一个定义列表,定义列表中的条目是通过使用73de882deff7a050a357292d0a1fca94标记(“definition title”,定义标题)和67bc4f89d416b0b8236eaa5f43dee742标记(“definition description”,定义描述)创建的。73de882deff7a050a357292d0a1fca94给出了术语名,67bc4f89d416b0b8236eaa5f43dee742标记给出了术语的定义。

<dl>
<dt>相当于标题</dt>
<dd>相当于标题下的小分类</dd>
</dl>

可能我这个说话比较不好理解,就类似于下面这个目录树一样:

<dl>
<dt>第一章基本语法:</dt>
<dd>1.注释</dd>
<dd>2.函数</dd>
<dd>3.属性</dd>
</dl>

<dl>
<dt>第二章:变量</dt>
<dd>1.分配的变量</dd>
<dd>2.读取的变量</dd>
<dd>3.保留的变量</dd>
</dl>

以上是html中dl和dd和dt标签的定义的详细内容。更多信息请关注PHP中文网其他相关文章!

声明:
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn