<dl>: 描述列表标签

最后更新：2026-10-13

<dl>描述列表标签

描述列表（术语-解释对），用于展示词汇表、元数据键值对等。

<dl>
  <dt>术语</dt>
  <dd>解释</dd>
</dl>

编辑下方代码，在 playground 中查看实时效果：

浏览器	Chrome	Edge	Firefox	Safari	Opera
<dl>	✓ v1	✓ v12	✓ v1	✓ v1	✓ v1
所有主流浏览器均支持

提示： dl 的直接子元素应是 dt（术语）和 dd（描述），不要用 ul/li 代替。

Qdl 必须成对使用 dt 和 dd 吗？

A结构上 <dl> 包若干「dt + dd」组：dt 是术语、dd 是描述。一个 dt 可跟多个 dd（术语多义），多个 dt 也可共一个 dd（同义词）；但 dt 和 dd 都不能单独出现在 dl 外。

Qdl 只能放术语表吗？

A不止术语表：元数据键值对（如「发布时间：2026-10-09」）、FAQ（问题 dt、答案 dd）、商品规格参数都适合。判断标准是「名称-值」结构——凡是一组配对展示的数据都能语义化地用 dl。

Qdl 里可以直接放 div 吗？

A可以，HTML5 允许 <dl> 内用 <div> 包裹每组 dt+dd，方便给组加样式或微数据标注。div 只能包完整组，不能把 dt 和 dd 拆到不同 div 里。

更多案例即将上线，敬请期待。

Web-Tutorial 技术团队

由多位开发者共同维护的编程教程平台。每篇教程由对应领域的开发者编写和审核，确保内容准确可靠。如发现任何问题，欢迎向我们反馈。