1

我有一小组结构化数据项，我想将它们嵌入到 HTML 文档中。一些 JavaScript 使用这些数据与页面交互，但在其他方面是隐藏的。

我考虑过使用 HTML5 数据属性，但我不确定哪个元素最适合附加杂散数据。我想过使用div元素，如下所示：

<div data-make="Ford"  data-model="Fusion"  data-year="2005"></div>
<div data-make="Chevy" data-model="Volt"    data-year="2010"></div>
<div data-make="Honda" data-model="Insight" data-year="2010"></div>

这是一个杂项，因为div元素的内容模型是流内容，它推荐至少一个后代。我也考虑过使用无序列表，但这也是出于同样的原因，因为li元素的内容模型也是流内容。

我搜索了有关 HTML5 数据属性的最佳实践，但由于这些属性相对较新且尚未普遍使用，因此可用的信息很少。

对于附加杂散数据属性的占位符元素还有其他建议吗？还是我对这一切都错了？对于我的需求，使用 JSON 之类的东西似乎很繁重......

4

1 回答 1

1

我相信您倾向于过于严格地解释 html5 规范。引自fc：

这个要求不是硬性要求

所以你可能会坚持归因div元素。如果你添加一个独特的类 css-attributed with'display:none'到你的虚拟元素，它们将不会被渲染，从而使流内容的复杂性变得毫无意义。如果您对内容（ pc ）的措辞感觉更舒服，请改用空span元素。

或者，meta-tag 可能是一个选项：

<meta itemprop="data" content="dummy" data="..."/>

请注意，在html5 文档 ( meta )meta中允许使用 -tags 。虽然属性（ip）对于用作通用数据容器是必需的，但根据规范，属性并非绝对必要 - 但是，您总是可以求助于一些虚拟字符串。bodyitempropcontent

希望这可以帮助，

最好的问候，卡斯滕

于 2011-05-14T08:29:01.293 回答