html - 使用 HTML 描述列表(dl、dt、dd)有什么好处？

Question

MDN解释 <dl> , <dt>和 <dd>标签可用于实现词汇表或键值对列表。

根据 maxdesign.com.au (文章发表于 2004 年，其表述可能不准确)使用它们甚至还有缺点:

• <dt>在定义列表中不能包含 block 级元素；
• 搜索引擎不会像索引基于标题的内容那样“以同样的方式”索引定义列表内容；
• 它们不能包含用于将信息联系在一起的屏幕阅读器辅助功能，例如“标签”和“标题”。

此外，他们的基本浏览器开箱即用样式可以轻松复制，同时忽略了上述缺点。

在表格、段落或任何其他元素上使用 HTML 描述列表是否有任何有形的好处(在语义、SEO 等方面)？

Answer 1

• The <dt> within definition lists cannot contain block level elements;

不真实 - <dt> s 可以包含一些 block 级元素，例如段落。

• Search engines will not index definition list content "in the same way" that they do for heading-based content;

那又怎样？不以同样的方式并不意味着更好或更坏。通常，在写得很好的页面标题中，应该得分高于定义术语或描述。

• They cannot contain screen reader accessibility features such as “labels” and “headers” to tie information together.

大部分是不真实的。 <dt>不能包含标题。 <dd>能够。两者都可以包含标签(尽管想要在 <dt> 中包含一个标签会很奇怪)。

Are there any tangible benefits (in terms of semantics, SEO, etc.) of using HTML description lists over tables, paragraphs, or perhaps any other element?

<dt> s 自动获取辅助工具使用的“term”角色。 <dd> s 自动获得辅助工具使用的“定义”角色。