<dl> 标签有什么用？答案

【问题标题】：What's the <dl> tag for?<dl> 标签有什么用？
【发布时间】：2012-09-13 16:39:42
【问题描述】：

使用

和

标签而不是嵌套的 CSS 样式的

和

标签有什么合乎逻辑的理由吗？或者它们只是一组等待被弃用的过时标签？

【问题讨论】：

【解决方案1】：

引用W3C spec：

dl 元素表示一个由零个或多个名称-值组组成的关联列表（描述列表）。每个组必须由一个或多个名称（dt 元素）后跟一个或多个值（dd 元素）组成。在单个 dl 元素中，每个名称不应有多个 dt 元素。

所以<dl>、<dt> 和<dd> 标签的主要原因是为了保留那些名称-值对的语义连接，如果您只使用嵌套列表，这将丢失。

如果您使用嵌套列表，这可能出于各种原因（目前，例如，许多菜单被构造成嵌套列表），并且爬虫或任何其他尊重语义注释的系统都无法区分。

但是，如果您使用上述标签，系统可以看到连接并采取相应措施。因此，未来的用途可能是提取更大文档中的所有术语定义以创建某种词汇表。

【讨论】：

【解决方案2】：

深度学习: 定义列表是 DT 和 DD 元素的容器元素。当您想在文档中包含一个术语的定义时，应该使用 DL 元素，它通常在词汇表中用于定义许多术语，当作者希望以更详细的方式解释一个术语时，它也用于“普通”文档中细节（就像这个定义）。
DT: 当前在定义列表中定义的术语。此元素包含内联数据。
DD: 定义描述元素包含描述定义术语的数据。该数据可以是内联的，也可以是块级的。

【讨论】：

【解决方案3】：

来自W3C documentation：

定义列表与其他类型的列表仅略有不同列表项由两部分组成：术语和描述。该术语是由 DT 元素给出，并且仅限于内联内容。这使用包含块级的 DD 元素给出描述内容。

W3C 页面上有几个标记示例。

【讨论】：