Javascript HTML元素上的自定义属性

可能的重复项：

在标准HTML元素上添加自定义属性有哪些缺点

例如：

通过添加MyCustomAttribute，我使文档无效，但实际的实现是什么？这会导致什么问题（如果有）

我将使用Javascript读取自定义属性的值

---

谢谢

它迟早会导致兼容性问题

---

而是在属性名称前面加上

data-

，例如

data MyCustomeAttribute

缺点是您不能使用工具，因为它们会抱怨“无效”属性

---

但是（huzzah！）：为您自己的属性使用前缀

data-

，例如

data mycustomattribute

。如今，它在所有主流浏览器中都能正常工作。

大多数浏览器通常会忽略他们无法理解的属性。但是，应该有另一种方法来完成您试图使用有效标记所做的事情

我相信这是HTML5规范的一部分，因此应该使用

doctype进行验证。但众所周知，HTML5尚未在浏览器中完全实现，因此您需要等待一段时间才能验证它。

如果您使用自己的dtd从xml源开始，并使用javascript将其转换为（有效的）html，您可以将可验证性和可定制性结合起来。

Dupe: