Le support d'attribut de données HTML 5 sera-t-il compatible avec les anciens navigateurs?

La propriété HTML5 datalist n'est pas disponible dans les navigateurs plus anciens (il se peut que ce soit facilement polyvalent). Vous pouvez toujours utiliser la méthode standard getAttribute au lieu de bien sûr, et data-xxx attributs data-xxx sur les éléments HTML sont acceptés par tous les navigateurs (tant que vous êtes en mode HTML et non xHTML où ils sont invalides)

Mais votre question semble plus spécifiquement concernant jQuery que HTML5, et pour cela, la réponse est Oui – la méthode .data() est disponible dans tous les navigateurs pris en charge par jQuery.

L'attribut lui-même fonctionnera dans tous les navigateurs. C'est tout simplement un attribut après tout. Cela "fonctionnerait" dans le sens où l'attribut existerait dans le DOM:

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

La propriété native de l' dataset des éléments ne fonctionnera pas dans les navigateurs plus anciens, mais getAttribute :

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

Vérifiez ce site pour la compatibilité du navigateur dans HTML5

Html5test.com

Tout ce qui prend en charge HTML pourra accéder à un attribut de données HTML. Donc, le traitement de côté client via JQUERY devrait être absolument correct.

En fait, j'ai récemment eu à faire cela pour un projet au travail et cela a fait du mal jusqu'à 7.

Si vous souhaitez utiliser les attributs de données HTML pour le coiffage via CSS, vous auriez besoin de navigateurs compatibles avec CSS3 selectos. Quel est le contenu de IE9 et certaines anciennes versions de Firefox.

Cela pourrait vous intéresser:

Les attributs de données personnalisés HTML5 "fonctionnent" dans IE 6?