html自定义属性合法性

时间:2014-09-08 20:51:13

标签: javascript html

所以我发现向html标签添加一些自定义属性非常方便,然后用脚本覆盖它们,然后根据该属性对该元素执行某些操作。例如

<div hoverText = "i am hover text" hoverTextColor = "rgba(0,0,0,0.2)">some other text</div>

然后,在窗口加载时,脚本遍历文档中的所有元素,选择具有属性&#34; hoverText&#34;的那些元素,查找与其关联的其他属性并执行它#39 ; s各种魔法(在这种情况下,它添加了一个带有微弱文本的div,当用户将鼠标悬停在指定元素上时会变得可见)

它在我测试过的浏览器(opera 12,chrome 35)中运行良好,但有什么保证它在某些时候不会破坏?标准对自定义属性的评价是什么?

1 个答案:

答案 0 :(得分:2)

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

<div data-hoverText="i am hover text" data-hoverTextColor="rgba(0,0,0,0.2)">some other text</div>