HTML元素中的自定义属性

Question

我的问题很简单

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

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

我使用vcFlag =“true”作为自定义属性我可以在此输入元素中放置多少个这样的属性。是否有任何限制。

感谢

Answer 1

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

  

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

属性解析比节点解析慢，所以如果你使用大量的自定义属性，你可能会减慢页面解析速度，特别是在某些旧的浏览器上。

只需使用data-为其加上前缀，即可与W3C工作草案{5}兼容：Data Attributes。

在你的情况下应该是：

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

Answer 2

自定义属性没有限制。

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

属性名称：

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

属性值：

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

HTH