Javascript html自定义属性合法性

Javascript html自定义属性合法性,javascript,html,Javascript,Html,因此,我发现将一些自定义属性添加到html标记中非常方便,然后使用脚本对它们进行检查,然后根据该属性对该元素执行某些操作。比如说 <div hoverText = "i am hover text" hoverTextColor = "rgba(0,0,0,0.2)">some other text</div> 其他一些文本 然后,在窗口加载时,脚本遍历文档中的所有元素,找出具有属性“hoverText”的元素,查找与之相关联的其他属性,并执行各种操作(在本例中,它添

因此,我发现将一些自定义属性添加到html标记中非常方便,然后使用脚本对它们进行检查,然后根据该属性对该元素执行某些操作。比如说

<div hoverText = "i am hover text" hoverTextColor = "rgba(0,0,0,0.2)">some other text</div>
其他一些文本
然后,在窗口加载时,脚本遍历文档中的所有元素,找出具有属性“hoverText”的元素,查找与之相关联的其他属性,并执行各种操作(在本例中,它添加了一个div,其中包含模糊文本,当用户将鼠标悬停在指定的元素上时,该文本变得可见)

它在我测试过的浏览器(opera 12、chrome 35)中运行良好,但有没有保证它在某个时候不会崩溃?标准对自定义属性有何规定?

用于此目的。数据属性是以
数据为前缀的属性-
-这是HTML5的一部分,兼容浏览器可以识别它们。你的元素看起来像

<div data-hoverText="i am hover text" data-hoverTextColor="rgba(0,0,0,0.2)">some other text</div>
其他一些文本

我建议使用
数据-
前缀。不,不能保证它在某个时刻不会破裂。使用
数据-
属性。