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

Question

我受到昨晚在我的如何将名称值对样式化为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>

- ProfK

---

@Merlyn，你在开玩笑吗？ - ProfK

不是每个浏览您的问题的人都知道为什么您想将表格数据转换为列表，当表格似乎“显而易见”时。我不是前端开发人员（甚至不记得表格元素长什么样），我属于那一类人。 - Merlyn Morgan-Graham

@Merlyn，也许我应该在我链接的问题中包含一个问题摘要，但是表格数据是指行重复零次或多次，在每行中具有相同的属性（列）。当只有一行时，我们不应该使用表格。 - ProfK

我的意思是对你所描述的进行旋转，这样它就变成了一个键值对表。但我同意你的评估 - 如果这是一个表格，列名真的不应该是“标签”和“值”，而应该为每个标签设置一列，在这种情况下，你最终只会得到一行。 - Merlyn Morgan-Graham

Answer 1

我使用 定义列表：

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

- icktoofay

---

希望我能多次点赞。太多的Web开发人员不使用这些！ - OverZealous

同意。最终应该会有一个不错的答案。 - Ray Toal

我最初尝试使用定义列表，但我选择了有序列表，因为每个列表项都可以得到一个块类型的容器。定义列表很难用于制作表格显示风格。不管怎样，你有我的支持。 - ProfK

@ProfK：真的吗？我在为名称/值数据样式化定义列表方面取得了很多成功。（示例：http://jsfiddle.net/cfYB9/） - icktoofay

@icktoofay，我不知道我做错了什么，但我又回到使用定义列表了，谢谢。 - ProfK

@ProfK 我自己也反复考虑过。正如你所描述的那样，缺少对这些对进行容器化处理是很难解决的。我也刚刚发布了一个问题：https://dev59.com/dHvZa4cB1Zd3GeqP-Ahx - Dan Lugg