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 атрибута данных (цена и код). Я могу получить это с помощью jQuery, используя метод .data(), и все это, похоже, работает в 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 поддерживает getAttribute() из IE4, что jQuery использует для * 1004.*.