什么是适合显示名称/值对的 HTML 模式？

What is an appropriate HTML pattern for displaying name/value pairs?

提问人：ProfK 提问时间：8/9/2011 最后编辑：CommunityProfK 更新时间：8/9/2011 访问量：12150

问：

我受到我的评论的启发，问我这个问题 如何设置名称-值对列表的样式以看起来像 HTML 表格？昨晚的问题，像这样的代码不是标签的适当使用。我应该使用什么来指示只读模式下的固定名称/更改值对？

<ol class="name-value" style="width: 100%;">
    <li>                    
        <label for="about">Client</label>
        <span id="about">Apartment Applied Visual Arts</span>
    </li>
    <li>
        <label for="about">Report Date</label>
        <span id="Span1">2011/08/08 16:50:10</span>
    </li>
    <li>
        <label for="about">Report No.</label>
        <span id="Span2">33251</span>
    </li>
</ol>
HTML XHTML 辅助功能

评论

1赞 ProfK 8/9/2011
@Merlyn，你在开玩笑吗？
0赞 Merlyn Morgan-Graham 8/9/2011
不。并不是每个浏览你的问题的人都会知道你为什么要把表格数据变成一个列表，当一个表格看起来很“明显”时。我不是前端开发人员（甚至不记得表元素的样子），我属于那个群体。
1赞 ProfK 8/9/2011
@Merlyn，也许我应该包括我链接到的问题的摘要，但表格数据是行重复零次或多次的地方，每行具有相同的属性（列）。当总是只有一行时，我们不应该使用表。
0赞 Merlyn Morgan-Graham 8/10/2011
我的意思是你所描述的内容的轮换，所以它或多或少变成了一个键值对表。但我可以同意你的评估 - 如果这是一个表格，列真的不应该是“标签”和“值”，而应该为你拥有的每个标签都有一个列，在这种情况下，你最终只会有一行。

答：

42赞 icktoofay 8/9/2011 #1

我使用定义列表：

<dl>
    <dt>Key</dt>
    <dd>Value</dd>
    <dt>Another key</dt>
    <dd>Another value</dd>
</dl>

评论

0赞 OverZealous 8/9/2011
希望我能不止一次地投赞成票。太多的 Web 开发人员不使用这些！
0赞 Ray Toal 8/9/2011
同意。至少最终应该是一个不错的答案。
0赞 ProfK 8/9/2011
我首先尝试了定义列表，但我选择了有序列表，因为我为每个列表项都获得了一个块类型容器。定义列表很难设置表格显示的样式。反正你有我的选票。
2赞 icktoofay 8/9/2011
@ProfK：真的吗？我在为名称/值数据设置定义列表样式方面取得了相当大的成功。（示例：jsfiddle.net/cfYB9)
0赞 ProfK 8/9/2011
@icktoofay，我不知道我做错了什么，但我又回到了使用定义列表，谢谢。

上一个：来自 google 的网站可访问性（索引） - doctype transitional 与 doctype html

下一个：网站地图 - 关于使用覆盖层的可访问性问题？