我可以在DL / DT / DD中放置任何东西吗？

Question

我可以像无序/有序列表一样使用定义列表吗？

我的意思是在DT或DD中插入任何我想要的东西？

<dl>
  <dt>
    ...
  </dt>
  <dd>
    ...
  </dd>
</dl>

是否有任何浏览器或搜索引擎抱怨？

Answer 1

根据评论更新了答案：

这最初是在2011年针对HTML 4回答的，但HTML5的答案有所不同：

  

<强> dt   流内容，但没有页眉，页脚，节内容或标题内容后代。   的 dd   流量内容。

• dt element reference关于W3C
• dd element reference关于W3C

原始回答：

DT元素应包含inline content DD元素应包含block-level content。

  

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

     

来源： W3C

这个问题也很有趣：Why use definition lists (DL,DD,DT) tags for HTML forms instead of tables?

Answer 2

在DL内，您只能添加DT和DD个标记。 DT标记是inline tag，因此您不应将块元素放入其中。 DD标记基本上可以包含您想要的任何内容，它是一个流内容标记。

Answer 3

根据HTML 5.2规范，自2017年12月起，您现在可以在<div>标签内添加一个嵌套的<dl>标签，我认为是出于样式目的：

https://www.w3.org/TR/html52/grouping-content.html#the-dl-element

内容模型：

要么：零个或多个组，每个组由一个或多个dt元素，后跟一个或多个dd元素组成，并可选地与脚本支持元素混合。

或者：一个或多个div元素，可以选择与脚本支持元素混合。