html5 数据属性向后兼容

Question

我一直在阅读 html 网页的自定义数据属性 (one example of the numerous ones)。据我所知，这可能是最好的解决方案。

<div data-my_attrib="stackoverflow"></div>

我的问题与向后兼容性有关。

据推测，html 标准规定应忽略未知属性（我已多次阅读此评论，我自己并没有真正阅读标准：P），但是是否有任何已知的浏览器（包括过去的版本，包括移动和PC-based) 新的自定义属性规范可能有问题？如果有，有哪些？

此外，是否存在任何已知的可能问题，其中data-something 可能已经为旧浏览器定义（something 是任意占位符）？重点是核心浏览器功能（包括浏览器附带的标准插件），忽略 JQuery 等网站脚本/库。

Answer 1

未知属性会被忽略，因为它们不执行任何操作，但它们仍可供getAttribute 检索。

我相当肯定，假设 data-* 不用于其他任何事情是安全的 - 否则他们会选择不与其他内容冲突的不同识别关键字。

Answer 2

data-* 属性的向后兼容性没有已知问题，当然对于您实际可能遇到的任何浏览器都没有。

整个不要破坏旧浏览器的东西是 HTML5 的指导原则之一。