45

使用 <dl>、<dt> 和 <dd> 标签而不是嵌套的 CSS 样式的 <ul> 和 <ol> 标签有什么合乎逻辑的理由吗?或者它们只是一组等待被弃用的过时标签?

4

3 回答 3

38

引用W3C 规范

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

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

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

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

于 2012-09-21T09:11:40.460 回答
17
深度学习
定义列表是 DT 和 DD 元素的容器元素。当您想在文档中包含一个术语的定义时,应该使用 DL 元素,它通常在词汇表中用于定义许多术语,当作者希望以更详细的方式解释一个术语时,它也用于“普通”文档中细节(就像这个定义)。

DT
当前在定义列表中定义的术语。此元素包含内联数据。

DD
定义描述元素包含描述定义术语的数据。该数据可以是内联的,也可以是块级的。

于 2012-09-21T09:09:51.757 回答
0

来自W3C 文档

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

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

于 2012-09-21T09:10:02.493 回答