Будет ли поддерживаться атрибут данных HTML 5 в старых браузерах?

Ответ 1

Свойство HTML5 datalist недоступно в старых браузерах (оно может быть достаточно много заполнено). Вы всегда можете использовать стандартный метод getAttribute вместо того, и, конечно, data-xxx атрибуты на HTML-элементах принимаются всеми браузерами (если вы находитесь в режиме HTML, а не xHTML, где они недействительны)

Но ваш вопрос, по-видимому, более конкретно о jQuery, чем HTML5, и для этого ответ Да - метод jQuery .data() доступен во всех браузерах, поддерживаемых jQuery.

Ответ 2

Атрибут сам будет работать во всех браузерах. В конце концов, это всего лишь атрибут. Это будет "работать" в том смысле, что атрибут будет существовать в DOM:

<div random-attribute="hello"></div> <!-- invalid, but "works" -->
<div data-random="hello"></div> <!-- valid (in browsers with HTML5 support) -->

Свойство native dataset элементов не будет работать в старых браузерах, но getAttribute будет:

var random = document.getElementById("x").dataset.random;
// or
var random = document.getElementById("x").getAttribute("data-random");

Ответ 3

проверить этот сайт для совместимости браузеров в HTML5

html5test.com

Ответ 4

Все, что поддерживает HTML, сможет получить доступ к атрибуту данных HTML. Поэтому обработка его клиентской стороны через JQUERY должна быть абсолютно прекрасной.

Фактически, я недавно должен был сделать это для проекта на работе, и он работал до конца вплоть до ie7.

Если вы хотите использовать атрибуты данных HTML для стилизации с помощью CSS, вам понадобятся браузеры, которые поддерживают селекцию CSS3. Что-то ниже IE9 и некоторые более старые версии firefox.

Это может вас заинтересовать:

Имеют ли атрибуты пользовательских данных HTML5 "работать" в IE 6?