DL标签语义研究 – 吹衣轻飏

先看HTML4.01的解释:

DL(Definition lists,即定义列表)
开始标签:必须,结束标签:必须
DT,DD
开始标签:必须,结束标签:可选
说明:

Definition lists vary only slightly from other types of lists in that list items consist of two parts: a term and a description. The term is given by the DT element and is restricted to inline content. The description is given with a DD element that contains block-level content.

定义列表与其他列表只有稍微的不同,即定义列表每个条目包括两个部分:一个标题(term)和一个描述. 标题(term)由DT标签包括且只能是内联内容. 描述(description)部分由DD标签包括,他可以包含块级内容.

举例说明:
例一:

<DL>
  <DT>Dweeb
  <DD>young excitable person who may mature
    into a <EM>Nerd</EM> or <EM>Geek</EM>

  <DT>Hacker
  <DD>a clever programmer

  <DT>Nerd
  <DD>technically bright but socially inept person

</DL>

例二:包含多条标题和多条描述的例子:

<DL>
   <DT>Center
   <DT>Centre
   <DD> A point equidistant from all points
              on the surface of a sphere.
   <DD> In some field sports, the player who
              holds the middle position on the field, court,
              or forward line.
</DL>

Another application of DL, for example, is for marking up dialogues, with each DT naming a speaker, and each DD containing his or her words.

DL的其他应用,例如用来标记对话 DT表示发言人,DD表示发言人发表的内容
注:在HTML5里面标记对话的标签为新标签dialog

==========================华丽的分割线============================

HTML4.01中描述的比较简略, HTML5标准里面详细说明了DL标签的用法,并列举了丰富的例子,请看大屏幕:

DL 元素
内容模型:
零组或多组由一个或多个(后面跟着一个或多个dd元素的)dt元素(组成的数据)

语义解释:
dl 元素介绍了一种包含0组或多组 Name-value(名称-值) 的关联列表,每组必须包含一个或多个names(dt元素),紧随其后的是一个或多个value(dd元素)。
Name-value 组可以是术语和定义,元数据和值,或任何其他Name-value形式的数据。
有时候数据组之间或数据组之中的name value的顺序是比较重要的.(会在下面举例说明)

例一:
一个标题(“作者”)连接了2个值(“张三”和”李四”)

<dl>
<dt> 作者</dt>
<dd> 张三</dd>
<dd> 李四</dd>
<dt> 编辑</dt>
<dd> 王五</dd>
</dl>

例二:
一个定义连接2个术语

<dl>
 <dt lang="en-US"> <dfn>color</dfn> </dt>
 <dt lang="en-GB"> <dfn>colour</dfn> </dt>
 <dd> A sensation which (in humans) derives from the ability of
 the fine structure of the eye to distinguish three differently
 filtered analyses of a view. </dd>
</dl>

例三:
下面的例子说明了使用dl元素来标记各种各样的元数据。在例子的最后,是一组包含两个元数据(“作者”和”编辑”)和两个值(“张三”和”李四”)的数据组.

<dl>
 <dt> 最后修改时间 </dt>
 <dd> 2004-12-23T23:33Z </dd>
 <dt> 推荐时间间隔 </dt>
 <dd> 60秒 </dd>
 <dt> 作者 </dt>
 <dt> 编辑 </dt>
 <dd> 张三 </dd>
 <dd> 李四 </dd>
</dl>

例四:
下面的例子使用dl元素显示一租使用说明, 在这里使用说明的顺序是很重要的(其他例子中顺序并不重要)

<p>确定的胜利点数 (使用第一匹配原则):</p>
<dl>
 <dt> 如果你恰好5枚金币 </dt>
 <dd> 你有五个胜利点数 </dd>
 <dt> 如果你有一个金币,还有一个银币 </dt>
 <dd> 你得到的两场胜利点数 </dd>
 <dt> 如果你有一个银币 </dt>
 <dd> 你获得一场胜利 </dd>
 <dt> 否则 </dt>
 <dd> 你没有胜利点数 </dd>
</dl>

例五:
下面这个例子使用dl元素显示一个词典的词汇解释,注意dfn的用法

<dl>
 <dt><dfn>牛人</dfn>, 名词.</dt>
 <dd>厉害的人被称作“牛人”。通常在某一领域，有较高的权威。 由来 因为牛在常见的动物
或者家禽里面体积较大,而且力量较大,脾气较倔,在人们常见的动物中地位较权威,它能和山林猛兽
抗衡,在人们的思想里面地位较高,所以常见的形容词以牛来做比喻.</dd>
 <dt><dfn>菜鸟</dfn>, 名词.</dt>
 <dd>网上见“菜鸟”的字样，是“计算机初学者”的意思 这是从台湾方言的闽南语而来的喔
菜鸟=菜鸟仔(台语) ==>也就是生手 对于某件事情不熟悉操作的代称！！ 刚学飞行的小鸟会
飞的跌跌撞撞！ 甚至会掉到地上 以前的人就称这种鸟就叫菜鸟仔！</dd>
 <dt><dfn>高手</dfn>, 名词.</dt>
 <dd>技能特别高明的人</dd>
</dl>