html自定义属性合法性

html custom attributes legality

本文关键字:合法性 自定义属性 html      更新时间:2023-09-26

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

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

然后,在窗口加载时,一个脚本遍历文档中的所有元素,挑选出具有"hoverText"属性的元素,寻找与之相关的其他属性,并实现它的各种魔力(在这种情况下,它添加了一个带有模糊文本的div,当用户将鼠标悬停在指定元素上时,该div就会变得可见)

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

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

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