html标签中dl dd这个标签有啥作用??
Posted
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了html标签中dl dd这个标签有啥作用??相关的知识,希望对你有一定的参考价值。
html标签中dl dd这个标签有什么作用??
dl标签定义了定义列表(definition list),dd是用来定义列表中定义条目的定义部分。操作方法如下:
1、首先新建一个 DlDtDd.html 文件,如图所示。
2、然后输入 <!DOCTYPE html> 作用:声明使用html5的标准,如图所示。
3、接着输入网页结构的头部和主体,并且设置标题为:定义列表,如图所示。
4、然后使用 dl>dt,dd标签定义一个列表,代码如图所示。
5、最后运行网页,可以看到列表效果已经定义好了,如图所示。
参考技术A ul ol li dl dtdd都是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> 参考技术B 注释
元素 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> 参考技术C
dl dt dd是html里面的自定义列表
用法如下:
<dt>标题</dt> <!-- 列表标题 -->
<dd>子项1</dd> <!-- 列表子项 -->
<dd>子项2</dd> <!-- 列表子项 -->
<dd>子项3</dd> <!-- 列表子项 -->
</dl>
可以自己试试 很好用 一般用在页面底部
html中,dl,dt,dd怎么使用
1,定义:
<dl> <dt> <dd>是一组合标签,使用了dt dd最外层就必须使用dl包裹,此组合标签我们也又叫表格标签,与table表格类似组合标签,故名我们也叫dl表格。
<dl><dt></dt><dd></dd></dl>为常用标题+列表型标签。如没有对dl dt dd标签初始CSS样式,默认dd列表内容会一定缩进。
2,用法:
<dl>
<dt>列表标题</dt>
<dd>列表内容</dd>
<dd>列表内容</dd>
...
</dl>
首先dt和dd是放于dl标签内,标签dt与dd处于dl下相同级。也就是dt不能放入dd内,dd不能放入dt内。在dl下,dt与dd处于同级标签。DD标签可以若干。同时不能不加dl地单独使用dt标签或dd标签。
我们实践使用dl dt dd标签最多地方,通常是具有标题,而标题下对应有若干列表简单的(栏目标题+对应标题列表)和标题对应下面有内容。
以上是关于html标签中dl dd这个标签有啥作用??的主要内容,如果未能解决你的问题,请参考以下文章
为啥对 HTML 表单而不是表格使用定义列表(DL、DD、DT)标签?