对我而言，<dl>不用质疑是最令我困惑的HTML元素之一。

“定义列表”还是“描述列表”？

在HTML4中，<dl>作为“定义列表”(definition list)，他包含了一组定义标题以及对他的定义描述。标题与描述是具有多对多关系的，是一个或多个标题对应一个或多个描述的对应关系。但是这个元素常常被像我这样的同学误用或误解，为了解决这样的问题，<dl>在HTML5中被定义“描述列表”(description list),这将产生什么样的变化呢，我们先看看规范说明：

<dl>元素包含了0个或者多个名称—值对应的组，每一组包含了一个或者多个名称(<dt>)，而这些名称又包括了一个或多个描述/值(<dl>)

此前，定义列表的“定义”二字，使<dl>被使用于与他本身的结构毫无关系的标签。也就是说我们在考虑使用<dl>的时候，更多是考虑的关于“定义”的范畴，而不是<dl>自身<dt>-<dd>的结构形式。

一些范例

多对多使用
<dl>正如标题所述一个以可以映射多个名称<dt>以及多个描述值<dd>

 
<dl>
<dt><dfn>turf</dfn></dt>
<dd>n.草皮</dd>
<dd>n.泥炭,泥煤</dd>
<dd>n.马,赛马</dd>
</dl>
 

总结

<dl>的改变是相当轻微的，但是新的定义澄清混乱，使开发人员能够更恰当地使用它。您可以更加恰当的使用此元素语义化的来表示键值对应的关系。

参考

html5 doctor_The dl element

onderhond_DL-DD-DT