HTML 词条目录
前端Wiki/HTML/基础/列表与表格

定义列表

<dl>(定义列表)用来表达"术语—描述"这类成对关系,内部由两种标签组成:<dt> 是术语,<dd> 是对应的描述。一个 dt 可以对应多个 dd,一组 dt/dd 也可以有多个。

它不限于"名词解释"场景。凡是"键—值"结构的内容都适合:商品规格参数表(颜色:红色)、术语表、FAQ(问题与答案)。与 ul/ol 相比,dl 强调的是两项之间的对应关系,这是语义上的关键区别。

本节要点dl 表达成对关系:dt 是术语/键,dd 是描述/值;适合规格参数、术语表、FAQ 等场景。
HTML
<dl>
  <dt>HTML</dt>
  <dd>超文本标记语言,负责网页的结构。</dd>

  <dt>CSS</dt>
  <dd>层叠样式表,负责网页的外观。</dd>
</dl>

<!-- 键值对场景:商品规格 -->
<dl>
  <dt>颜色</dt>
  <dd>曜石黑</dd>
  <dt>存储</dt>
  <dd>512GB</dd>
</dl>