创建自己的html属性的最佳方法是什么？

Question

我在HTML标记上创建了一些属性来使用jQuery及其$(selector).attr()方法。例如，如果我有一个包含生成字段的动态表单，我将拥有index="xxx"属性。

在不违反doctype的情况下创建此类自定义属性的最佳方法是什么？

Answer 1

HTML 5的data-属性可能适合您。它们可能是最简单的方式。

此外，jQuery's .data()原生支持它们。

Here's一篇详细解释这个概念的文章。

该文章的一个例子：

<ul id="vegetable-seeds">
  <li data-spacing="10cm" data-sowing-time="March to June">Carrots</li>
  <li data-spacing="30cm" data-sowing-time="February to March">Celery</li>
  <li data-spacing="3cm" data-sowing-time="March to September">Radishes</li>
</ul>