HTML 元素中的自定义属性答案

【问题标题】：Custom Attributes in HTML elementsHTML 元素中的自定义属性
【发布时间】：2012-07-04 10:44:22
【问题描述】：

我的问题很简单

我们可以在一个元素中使用多少个自定义属性，例如

<input value="1" vcFlag="true" name="example" />

我使用 vcFlag="true" 作为自定义属性，我可以在这个输入元素中放入多少这样的属性。有没有限制。

谢谢

【问题讨论】：

【解决方案1】：

可以添加到 HTML 标记的属性数量没有（理论上的）限制：

每个 HTML 元素都可以指定任意数量的自定义数据属性，具有任意值。

属性解析比节点解析慢，因此如果您使用大量自定义属性，您可能会减慢页面解析速度，尤其是在某些旧浏览器上。

请记住在它们前面加上 data- 以兼容 HTML 5：W3C 工作草案中的 Data Attributes。

在你的情况下应该是：

<input value="1" data-vcFlag="true" name="example" />

【讨论】：

【解决方案2】：

自定义属性没有限制。

感谢 HTML5，我们现在能够在所有 HTML 元素上嵌入自定义数据属性，这些新的自定义数据属性由两部分组成：

属性名称：

数据属性名称必须至少有一个字符长，并且必须以'data-'为前缀，并且不能包含任何大写字母。

属性值：

属性值可以是任意字符串。

HTH

【讨论】：