Question

我一直在决定使用哪个标签在HTML5的网页中显示单个数据记录，即用户详细信息，例如id，用户名，创建日期，修改日期等等：

ID:             1234
Username:       JohnnyBeGoode
Birth:          23/12/1962
Country:        Iceland
Created:        01/01/2009
Modified:       27/04/2010

问题是我无法找到合适的标签，与此视图的语义方面一致：

表格， tr 和 td 标记适用于布局，但在语义上不合适，因为不涉及表格数据;
dl ， dt 和 dd ，但我发现它们在语义上相当远;
列表标签不合适，因为它们在每个项目中使用单个值，而我需要显示标签及其相关值;
标签标签仅用于表格。

然后，我应该使用哪些连贯且有意义的标签？

提前致谢。

Answer 1

我不清楚你的意思是“语义相当远”，但dl是这项工作的正确要素：

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

[...]

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

在规范中甚至有一个与你的情况非常相似的例子（注释以“以下示例显示用于提供一组指令的dl元素开头。”）

示例：

<dl>
  <dt>ID</dt>
    <dd>1234</dd>
  <dt>Username</dt>
    <dd>JohnnyBeGoode</dd>
  <dt>Country</dt>
    <dd>Iceland</dd>
</dl>

如果您想提供有关内容的更多信息，您应该查看RDFa（例如RDFa Lite 1.1）或微数据。在我看来，这里可以使用词汇FOAF和/或SIOC。

在HTML5中显示记录的语义尊重方式

1 个答案: