1

我有一个属性/值对列表，其中属性在左侧，值在右侧：

First Name: John
Last Name: Doe
Phone Number: (555) 555-1212
Email: johndoe@stackoverflow.com

我的第一个想法是，这将是使用已定义列表 (dl) 的绝佳机会。然而，这篇文章http://snook.ca/archives/html_and_css/definition-lists-v-tables出于可访问性的原因建议不要这样做。此外，我很难为定义的列表设置样式，因此它们可以在 IE7 中工作（样式 DL 作为表格。哦，不，IE7 浮动 DD），但希望我能弄明白。

另一种选择是桌子，但这似乎不正确。

也许是一个无序列表，其中包含包装在自己标签中的对？

我应该为这个应用程序使用什么 HTML 标记？

4

2 回答 2

2

如果你想要语义，我强烈建议使用<dl></dl>，对于那些过于关心 IE7 和 IE8 的人，我只有一个声明。“2013 年更新你的浏览器。” 然而，适当的样式<dl>在 IE7 和 IE8 中工作得很好。

现在选择是你的。选择语义和好的方式或将您的网站保存在表格中，以便它适用于 ie7 和 2% 的使用它的用户。想想看。

PS 不要把它<dl>当作一个，<table>因为它不是一个。

于 2013-03-29T12:43:03.953 回答
2

在衡量屏幕阅读器“做什么”时必须非常小心，当然是表格，也可能是其他元素。几年前，我用 JAWS 做了一些实验，结果令我惊讶。JAWS 和可能的其他屏幕阅读器使用秘密启发式方法来决定是将表格视为语义表格还是布局表格，这比单独的标记包含更多因素。例如，可以根据呈现表格的屏幕宽度，将相同的标记视为语义表格或布局表格。这可能是直接或间接的影响，我无法判断，但无论哪种方式都没有任何意义，但显然是这样。

我赞同 Axente Paul 的回答。根据当时关于语义的最佳建议，将您的标记写成语义。让屏幕阅读器制造商充分利用可访问性链提供给他们的信息。如果他们没有做对，那是屏幕阅读器制造商及其用户的问题，而不是标记作者的问题。

于 2013-03-29T12:48:09.487 回答