HTML数据属性IE6支持

Question

HTML的数据属性是否适用于IE6？

我正在使用像<img id="charm_1" data-code='sdfsdfsdfsdf' data-price='100' class='addition_image' src="img/misc/donut.png" width="55" height="55" alt="Donut">这样的属性。

如您所见，有2个数据属性（价格和代码）。我可以使用.data()方法使用jQuery来实现这一点，它似乎都适用于IE7 / 8/9。这在IE6中有效吗？我没有IE6的副本来测试它。

Answer 1

IE6 - 以及市场上的所有其他浏览器 - 总是非常高兴您在元素上定义自己的自定义属性。

使用data-作为前缀在HTML5标准中已经形式化，但浏览器始终支持它，甚至不需要data-前缀。

建议使用data-前缀，因为它现在是标准的一部分，因此未来的浏览器可能会对它更加挑剔，也因为新的dataset属性是同时添加到HTML5 DOM规范中以支持它。

显然你不能使用dataset属性，因为很少有浏览器支持它（不是更新的，更不用说旧的了），但你当然可以使用好的getAttribute()相反的方法（这是jQuery的作用）。

要了解有关新属性的浏览器支持，我建议使用CanIUse.com网站。例如，以下是关于data-属性的页面：http://caniuse.com/#search=dataset。它们具有完整的浏览器支持表，可用于各种功能。

希望有所帮助。

Answer 2

您可以使用IETester来测试不同版本的IE上的网站，是的，它们适用于IE6，IE已经支持来自IE4的getAttribute()，这是jQuery在内部用于{{ 1}}。