dl dt dd标签的具体用法

简介:

一般我们在做列表的时候通常只会用到ul和li标签,至于DL一般都很少用到,它也属于列表类的标签,下面说一下大概的用法:
<dl> 标记定义了一个定义列表,定义列表中的条目是通过使用<dt>标记(“definition title”,定义标题)和<dd>标记(“definition description”,定义描述)创建的。<dt>给出了术语名,<dd>标记给出了术语的定义。
也就是说<dt>用来创建列表中的上层项目,<dd>用来创建列表中最下层项目,<dt>和<dd>都必须放在<dl>< /dl>标志对之间。
<dl>
<dt>我们在做列表标题</dt>
<dd>我们在做列表</dd>
<dd>我们在做列表</dd>
<dd>我们在做列表</dd>
<dd>我们在做列表</dd>
</dl>

 

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布局的时候,会方便很多


dl:代表HTML自定义列表 
dt:代表HTML自定义列表组 
dd:HTML自定义列表描述




本文转自TBHacker博客园博客,原文链接:http://www.cnblogs.com/jiqing9006/archive/2012/08/06/2624992.html,如需转载请自行联系原作者

相关文章
|
2月前
|
Java C++ Python
不同语言实现 (5).add(3).minus(2) 功能
本文介绍了如何在Python、Java和C++中实现`(5).add(3).minus(2)`功能。各语言通过定义一个类来包装数字,并提供`add`和`minus`方法支持链式调用,尽管具体语法和实现细节有所差异,但核心思路一致。
|
2月前
|
JavaScript 前端开发
实现 (5).add(3).minus(2) 功能
通过JavaScript实现类似`(5).add(3).minus(2)`的功能,定义了`NumberWrapper`类,包含`add`和`minus`方法,用于数值的增减操作并支持链式调用。示例代码展示了从5开始,先加3再减2的过程。
|
4月前
dl元素
【8月更文挑战第31天】dl元素。
33 1
|
7月前
date标签
date标签。
30 2
|
前端开发
前端面试那些事【dt/dd、audio、onerror、标签、类、ID选择器、伪类选择器......
前端面试那些事【dt/dd、audio、onerror、标签、类、ID选择器、伪类选择器......
149 0
前端面试那些事【dt/dd、audio、onerror、标签、类、ID选择器、伪类选择器......