html - 定义列表与带有标题的无序列表 - 哪个更有意义？

Question

假设您有一个电视节目列表，其中有一个节目标题和一个节目描述。您还希望残障人士也可以访问该列表。

使用定义列表是否更有意义：

<dl>
    <dt>...title...</dt><dd>...description...</dd>
    ...
</dl>

还是带有标题的无序列表？

<ul>
    <li><h3>...title...</h3><p>...description...</p></li>
    ...
</ul>

哪个更具有语义意义并且对屏幕阅读器的反应更好？（知道它们都可以以相同的方式设置样式）

score 5 · Accepted Answer

5

于 2012-12-16T16:36:41.433 回答

score 2 · Accepted Answer

我更喜欢前者。首先，仅基于内容对我来说似乎更有意义。

但这就是我。我认为标记应该反映文档结构，既然（如你所说）CSS 可以以任何一种方式设置样式，为什么不让标记反映内容呢？包含包含标题标题的项目的列表，后跟描述对我来说似乎有点矫枉过正。

但是，嘿。你知道他们对意见的看法。

score 1 · Accepted Answer

在这种情况下，使用定义列表更有意义。除此之外，真的有必要使用列表吗？仅在带有标签（x = 2-6）的页面上适当地使用您的标题标签并将所有内容应用在该标题下可能更有意义。特别是电视节目，使用“列表”来显示它们的定义或其他任何内容可能没有意义。同样，它们可以设置样式，所以我只担心语义学。

希望这有助于扎克

3 回答 3