关于 <dl>

On the <dl>

二〇二六年五月二十四日 · 英文原文

摘要

Ben Meyer 的文章介绍了 `<dl>` 元素的新用法：一个 `<dl>` 可包含多个 `<dt>` 和 `<dd>`，并可选择性包裹在 `<div>` 中以方便样式化。自 2008 年 HTML5 草案起，该元素被称为“描述列表”（description lists）。Adrian Roselli 补充了屏幕阅读器对描述列表的支持说明。

从 Ben Meyer 的这篇文章中，我了解到一些关于 <dl> 元素的新知识：一个 <dl> 可以包含多个 <dt> 和 <dd>。你可以选择性地将 <dt> 和 <dd> 元素包裹在 <div> 中以便于样式化——但仅限于此。你可以使用 ARIA 为它们添加标签。自 2008 年的一份 HTML5 草案起，它们就被称为“描述列表”（description lists），而非“定义列表”（definition lists）。因此，以下写法是有效的：

<h2 id="credits">Credits</h2>
<dl aria-labelledby="credits">
  <div>
    <dt>Author</dt>
    <dd>Jeffrey Zeldman</dd>
    <dd>Ethan Marcotte</dd>
  </div>
</dl>

以下是 Adrian Roselli 关于屏幕阅读器对描述列表支持的有用说明。
来源：Hacker News
标签：css, html, screen-readers, web-standards

译自 Simon Willison · 博客 · 录于二〇二六年五月二十四日