<li> 元素的元数据属性

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 的元数据可以让你组成键（例如你的“摘要”）和值，并将它们直接放在元素中。