释义:
dl: Definition List (定义列表)
dt: Definition Term (定义项)
dd: Definition Description (定义描述)
作用:
dl表示一个定义列表
dt表示一个定义的名称,可以理解为词典中的条目
dd 表示对一个定义的解释,可以理解为词典中对条目的解释。
注意:
这三个标签必须同时出现,而且dt,dd必须嵌套在dl内。dt和dd是同级关系,并不是嵌套关系。dd必须紧跟在dt之后,dd前可以有多个dt,但dd前面必须至少有一个dt。dt后面至少需要有一个dd。dt和dd是多对多的关系。
比较:
和dl类似的还有UL(Unordered List.),OL(Ordered List)。
语义方面:
从英文解释中最能说明这三者之间的差别了。dl是定义列表,UL是无序的列表,OL是有序的列表。
表现方面:
dl会使每个dd产生缩进
UL会在每个LI前出现一个点
OL会在LI前出现序号,如1,2,3,….
范例:
1.
<dl>
<dt>西红柿</dt>
<dd>茄科一年生草本植物番茄的果实为一年生蔬菜。</dd>
</dl>
<dt>西红柿</dt>
<dd>茄科一年生草本植物番茄的果实为一年生蔬菜。</dd>
</dl>
- 西红柿
- 茄科一年生草本植物番茄的果实为一年生蔬菜。
2.
<dl>
<dt>HTML</dt>
<dt>Javascript</dt>
<dd>老虎</dd>
<dt>CSS</dt>
<dd>组员A</dd>
<dd>组员B</dd>
<dl>
<dt>HTML</dt>
<dt>Javascript</dt>
<dd>老虎</dd>
<dt>CSS</dt>
<dd>组员A</dd>
<dd>组员B</dd>
<dl>
- HTML
- Javascript
- 老虎
- CSS
- 组员A
- 组员B