语义：表格或列表更适合细节的“列表”

Question

我在想，就像这样的清单：

• 操作系统 iOS
• 版本 5.1
• 尺寸 12.5MB

（前面不应该有一个圆点或任何其他列表样式，只是为了让它更具可读性。）

使用列表是否更好（例如这样）：

<ul>
    <li>
        <h3>OS</h3>
        <p>iOS</p>
    </li>
</ul>

或表格：

<table>
    <tbody>
        <tr>
            <th>OS</th>
            <td>iOS</td>
        </tr>
    </tbody>
</table>

或者甚至是定义列表（dl）最准确？

就个人而言，我会选择一个列表，但我不确定如何在<li> - 标签中包含语义正确的内容。

我读过一篇有趣的文章"DEFINITION LISTS VERSUS TABLES"，但我仍然不确定。

Answer 1

从HTML5开始，dl绝对是最合适的语法： http://html5doctor.com/the-dl-element/。

除非您计划以表格方式列出多个数据/行实例，否则表格根本没有意义。

我通常更喜欢列表而不是表格，例如响应式设计，但作为一个经验法则，除非你处理的是概念上是矩阵的视图，而不是单个记录的细节或其他单个集合键/值属性很难证明表的合理性（无论在何种情况下dl与使用完全匹配）。

Answer 2

我会用表。您正在尝试组织键值对，我认为这些键值以表格格式比列表更容易传达。如果你没有包含密钥名，我会使用list，即如果你省略了OS，Version和Size。