html标签中dl dd这个标签有什么作用??

html标签中dl dd这个标签有什么作用??

dl标签定义了定义列表(definition list),dd是用来定义列表中定义条目的定义部分。操作方法如下:

1、首先新建一个 DlDtDd.html 文件,如图所示。

2、然后输入 <!DOCTYPE html> 作用:声明使用html5的标准,如图所示。

3、接着输入网页结构的头部和主体,并且设置标题为:定义列表,如图所示。

4、然后使用 dl>dt,dd标签定义一个列表,代码如图所示。

5、最后运行网页,可以看到列表效果已经定义好了,如图所示。

温馨提示:答案为网友推荐,仅供参考
第1个回答  推荐于2018-03-01
ul ol li dl dt
dd都是DIV+CSS做网页长用的东西,相当于一棵树的树技,下面就了解一下这些东西的全体用法,本人用dd,dt,dd用得很少,懂得结合使用对做架构是很有好处的哦!

DIV
CSS网页布局中常用的列表元素ul ol li dl dt dd释义,块级元素div尽量少用,和table一样,嵌套越少越好

ol
有序列表。
<ol>
<li>……</li>
<li>……</li>
<li>……</li>
</ol>
表现为:

1……
2……
3……
ul
无序列表,表现为li前面是大圆点而不是123
<ul>
<li>……</li>
<li>……</li>
</ul>
很多人容易忽略
dl dt dd的用法
dl 内容块
dt 内容块的标题
dd
内容
可以这么写:

<dl>
<dt>标题</dt>
<dd>内容1</dd>
<dd>内容2</dd>
</dl>
  dt
和dd中可以再加入 ol ul li和p
  理解这些以后,在使用div布局的时候,会方便很多,w3c提供了很多元素辅助布局。DD DT DL标签

我们平时常用的是< ul>< li>标签,不过dd、dt标签也蛮不错,特别是发布程序的时候功能模块列表什么的可以使用它来排版。

< dl>< /dl>< dt>< /dt>< dd>< /dd>

< dl>< /dl>用来创建一个普通的列表,< dt>< /dt>用来创建列表中的上层项目,<
dd>< /dd>用来创建列表中最下层项目,< dt>< /dt>和< dd><
/dd>都必须放在< dl>< /dl>标志对之间。看一下下边的例子您就会明白了:

dl ——define list——定义列表
dt ——define list title——用于生成定义列表中各列表项的标题,重复使用可以定义多个列表项的标题。

dd——define list define——用于生成定义列表各列表项的说明文字段,重复使用可以定义多个说明文字段。dd是对应dt的简短说明或解

例子:
<dl>
<dt>Today
<dd>Today is yesterday.

<dt>Tomorrow
<dd>Tomorrow is today.
</dl>本回答被网友采纳
第2个回答  2013-04-14
注释
元素 DD 在 Internet Explorer 3.0 及以上版本的 HTML 中可用,在 Internet Explorer 4.0 及以上版本的脚本中可用。

此元素是块元素。

此元素需要关闭标签。

The DD element is available in HTML as of Internet Explorer 3.0, and in script as of Internet Explorer 4.0.

This element is a block element.

This element requires a closing tag.

示例代码
下面的例子使用 DL 元素和 DD 及 DT 元素创建了定义列表。

This example uses the DL element with the DD and DT elements to create a definition list.

<dl>
<dt>野生动物</dt>
<dd>所有非经人工饲养而生活于自然环境下的各种动物。</dd>
<dt>宠物</dt>
<dd>指猫、狗以及其它供玩赏、陪伴、领养、饲养的动物,又称作同伴动物。</dd>
</dl>
第3个回答  2017-08-07

dl dt dd是html里面的自定义列表

用法如下:

<dl>
    <dt>标题</dt> <!-- 列表标题 -->
    <dd>子项1</dd> <!-- 列表子项 -->
     <dd>子项2</dd>  <!--  列表子项  -->
    <dd>子项3</dd> <!-- 列表子项 -->
</dl>

可以自己试试 很好用  一般用在页面底部

相似回答