关于 `dl`

关于 HTML 元素的博客文章¹? *厨师之吻*

这是 Ben Myers 关于 HTML 中 (恰如其分地描述) 的“被低估的”定义列表 (<dl>) 元素的文章

您可能也见过用于描述住宿设施的名称-值对列表，或用于列出您每月租金的各个收费项目，或用于列出技术术语的词汇表。这些都是可以使用 <dl> 元素表示的候选者。

元素

定义列表

酷炫度

10/10

通用性

7/10

Ben 说他很满意 HTML 语义，即使使用它们的益处是理论性的。但就 <dl> 而言，至少有一些实际的屏幕阅读器优势，例如，列表中项目数量的宣布符合预期 (在大多数情况下)，就像有序列表和无序列表一样。虽然这会让你好奇它宣布的是什么数字，不是吗？是所有子元素的数量，无论类型？仅仅是 <dt> 元素的数量？

说到子元素，这可能看起来很奇怪

<dl>
  <div>
    <dt>Title</dt>
    <dd>Designing with Web Standards</dd>
  </div>
  <div>
    <dt>Author</dt>
    <dd>Jeffrey Zeldman</dd>
    <dd>Ethan Marcotte</dd>
  </div>
  <div>
    <dt>Publisher</dt>
    <dd>New Riders Pub; 3rd edition (October 19, 2009)</dd>
  </div>
</dl>

但那些将事物分组在一起的中间 <div> 现在很酷。当您想将分组样式化为“行”或执行类似在每个组下方添加边框的操作时，它们非常方便。有序列表或无序列表没有 <div>，只有定义列表。幸运的家伙。接下来是什么？<hgroup> 会卷土重来吗？