Question

我想在列表元素中添加一些元数据，所以它们看起来像这样：

<ul>
    <li summary="A White Drink">Milk</li>
    <li summary="A tiny White football">Eggs</li>
    <li summary="A Cube of gooey sliminess">Butter</li>
</ul>

我使用什么属性？我不想做一个，我不想使用title属性，因为元数据会显示在浏览器工具提示中。

Answer 1

您是否需要在HTML中正确执行此操作？我认为元数据最好存储在DOM中。如果您使用的是jQuery，请尝试.data()：http://api.jquery.com/jQuery.data/

适用于HTML的最佳解决方案是，恕我直言，使用自定义数据属性。从HTML5规范：“每个HTML元素可以指定任意数量的自定义数据属性，具有任何值。”

自定义数据属性在http://www.w3.org/TR/html5/elements.html#custom-data-attribute指定。

Answer 2

HTML5规范中引入了一个称为自定义数据属性的特定属性。这些允许您嵌入与元素相关的不可见信息。 Here是详细说明的规范页面。另外，请参阅John Resig的blog post讨论如何将它们与jQuery一起使用（尽管您不需要使用jQuery来使用自定义数据属性，但您可以通过element.dataset从DOM中轻松检索数据属性）。

最后，您根本不需要更改HTML：

<ul>
    <li data-summary="A White Drink">Milk</li>
    <li data-summary="A tiny White football">Eggs</li>
    <li data-summary="A Cube of gooey sliminess">Butter</li>
</ul>

Answer 3

您可以使用JQuery元数据... http://plugins.jquery.com/project/metadata

JQuery的元数据将为您提供化妆键（例如“摘要”）和值，并将它们直接放在元素中。

<li>元素的元数据属性</li>

3 个答案: