Question

我经常需要显示一系列名称 - 值对，因为我确信大多数Web开发人员都会面对。通常以属性的形式。什么是语义上正确的HTML方法？

<table>
  <tbody>
    <tr>
      <td>Name</td><td>Jimmy</td>
      <td>Age</td><td>33</td>
      <td>Gender</td><td>Male</td>
    </tr>
  </tbody>
</table>

或

<dl>
  <dt>Name</dt><dd>Jimmy</dd>
  <dt>Age</dt><dd>33</dd>
  <dt>Gender</dt><dd>Male</dd>
</dl>

还是有另一种更好的方法吗？

Answer 1

在HTML5中，您用例的最具体元素是dl element（大胆强调我的）：

dl元素表示由零个或多个名称 - 值组组成的关联列表（描述列表）。

名称 - 值组可以是术语和定义，元数据主题和值，问题和答案，或任何其他名称 - 值数据组。

Answer 2

我认为table在语义上是正确的。

基于w3c，我们可以告诉table元素'allows authors to arrange data -- text, preformatted text, images, links, forms, form fields, other tables, etc. -- into rows and columns of cells.'

但是，dl元素“consist of two parts: a term and a description”，这不是你的情况。

2列表或定义列表，用于语义正确的HTML？

2 个答案: