1

我在想，对于这样的列表：

  • 操作系统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>-tags 中以语义正确的方式包装内容。

我读过一篇关于它的有趣文章“定义列表与表格”，但我仍然不确定。

4

2 回答 2

3

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

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

出于响应式设计等原因，我通常更喜欢列表而不是表格，但作为经验法则，除非您正在处理概念上是矩阵视图而不是单个记录的详细信息或其他单个键/值集的东西属性很难证明表格的合理性（无论如何在这种情况下它dl是完全匹配的）。

于 2012-10-14T16:13:34.023 回答
0

我会用桌子。您正在尝试组织键值对，我认为以表格格式比列表更容易传达。如果你没有包含键名，我会使用列表，即如果你省略了操作系统、版本和大小。

于 2012-10-14T16:06:24.483 回答