什么时候我们应该使用 <dl> 而不是 <ul>？

Posted 2023-05-07

【中文标题】什么时候我们应该使用 <dl> 而不是 <ul>？

【英文标题】：When we should use <dl> over <ul>?

【发布时间】：2011-01-25 17:35:09

【问题描述】：

在什么情况下我们应该选择<dl> 而不是<ul>？

屏幕阅读器用户<ul> 或<dl> 是否重要？屏幕阅读器软件会通知用户内容在<ul> 或<dl> 中吗？

【参考方案1】：

<dl> 是一个定义列表。它应该用在诸如字典之类的情况下：

用例：

<dl>
<dt>Thesaurus</dt>
<dd>A book for finding synonyms of other words, often alphabetical. Similar to a dictionary.</dd>
</dl>

以上结果：

词库 一本用于查找其他单词同义词的书，通常按字母顺序排列。类似于字典。

---

这个想法是要定义的术语保存在<dt> 元素中，并且该术语的定义在<dd> 中给出。

<ul> 是一个无序列表。现在，<dl> 并不暗示其内容的任何顺序，但它确实暗示了其子项之间的语义关系。但是，<ul> 可以包含任何未排序的内容。

【讨论】：

我注意到 Google 正在将其用于 Material Design 网站上的主菜单。

请注意，每个<dd> 和multiple ` 每个<dt> 也可以有多个<dt>。在您的示例中，可以有更多含义相同的单词，并且相同的单词可以具有更多含义。

【参考方案2】：

当您使用一组定义而不仅仅是无序项的列表时。

【讨论】：

人名是什么，然后是关于人的简短描述？和问题答案？

如果是定义，请使用dl。这只是一个列表，ul。这些名称是不言自明的。诚然，在某些情况下可能很难说哪个最好，但不必担心。

【参考方案3】：

对于模棱两可的情况，例如您在 Jonathan 的答案（人名然后描述，问题然后答案）的评论中的示例，您为什么不安装一个或两个屏幕阅读器的试用版并找出最适合阅读的结构?

这里有两个（来自here）：

JAWS Window Eyes