html中dl和dd和dt标签的定义
程序员文章站
2022-05-14 20:56:09
...
我们在制作网页过程中用到列表时一般会使用<ul>或者<ol>标签,很少用刑<dl>标签,但是这个三个标签却有着不可忽视的作用,毕竟Web标准中要尽最大可能的使用已有的标签。它们的用途是:
< dl>< /dl>用来创建一个普通的列表,
< dt>< /dt>用来创建列表中的上层项目,
< dd>< /dd>用来创建列表中最下层项目,
< dt>< /dt>和< dd>< /dd>都必须放在< dl>< /dl>标志对之间。
以下是实例:
< 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标签的定义的详细内容,更多请关注其它相关文章!
推荐阅读
-
CSS背景图片和HTML中的img标签使用实例
-
JS和jQuery通过this获取html标签中的属性值(实例代码)
-
html中map标签和area标签的应用
-
HTML5中重新定义的 b 和 i 元素
-
关于html 中form表单的内标签和使用
-
div中ul ol li dl dt dd的用法_html/css_WEB-ITnose
-
自定义标签中TagSupport和BodyTagSuppor的区别?
-
html中关于a标签href和onclick的用法区别以及优先级别的示例详解
-
html5中的output标签和canvas标签实现贪吃蛇
-
dedecms标签 完美解决dedecms中的[html][/html]和[code][/code]问题