欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识！
您现在的位置是： 首页  >  web前端

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

程序员文章站 2022-04-30 10:56:35
...
我们在制作网页过程中用到列表时一般会使用<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>中间的内容则自动向后缩进。

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

<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标签的定义的详细内容，更多请关注其它相关文章！

相关标签： html 定义 标签

上一篇： vue的花括号怎么使用

下一篇： php如何清除当前页面浏览器缓存？

推荐阅读