Je stocke certaines données personnalisées dans l'attribut de données HTML5 pour le traitement Jquery. L'attribut de données personnalisées sera-t-il disponible dans les anciens navigateurs?L'attribut de données HTML 5 sera-t-il pris en charge dans les anciens navigateurs?
Répondre
vérifier ce site pour compatibilités navigateur HTML5
L'attribut lui-même fonctionnera dans tous les navigateurs. C'est juste un attribut après tout. Cela « travail » dans le sens où l'attribut existera dans les DOM:
<div random-attribute="hello"></div> <!-- invalid, but "works" -->
<div data-random="hello"></div> <!-- valid (in browsers with HTML5 support) -->
La propriété dataset
native d'éléments ne fonctionnent pas dans les anciens navigateurs, mais getAttribute
sera:
var random = document.getElementById("x").dataset.random;
// or
var random = document.getElementById("x").getAttribute("data-random");
Le HTML5 La propriété datalist
n'est pas disponible dans les anciens navigateurs (elle peut cependant être facilement remplie de polyfonctions). Vous pouvez toujours utiliser la méthode standard au lieu getAttribute
bien sûr, et data-xxx
attributs 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 pour être plus spécifiquement sur jQuery que HTML5, et pour cela, la réponse est Oui - la méthode jQuery .data()
est disponible dans tous les navigateurs supportés par jQuery. Tout ce qui prend en charge HTML sera en mesure d'accéder à un attribut de données HTML.
Ceci est utile pour moi. Merci. – bleedCoder
@bleedCoder - vous devez utiliser l'icône en forme de coche verte à côté de la réponse la plus utile pour marquer cette réponse comme "acceptée". Cela récompensera la personne qui a écrit la réponse, et aidera également ceux qui cherchent le même problème dans le futur à trouver la bonne réponse. – Spudley
Donc, le traitement du côté client via JQUERY devrait être absolument parfait.
En fait, j'ai récemment dû le faire pour un projet au travail et cela a fonctionné comme un gâchis jusqu'à IE7.
Si vous souhaitez utiliser les attributs de données HTML pour le style via CSS, vous devez disposer de navigateurs prenant en charge les selectos CSS3. Ce qui est n'importe quoi sous IE9 et certaines versions plus anciennes de Firefox.
Cela pourrait être vous intéresser:
- 1. HTML 5 Charte de compatibilité du navigateur - HTML 5 dans les anciens navigateurs?
- 2. HTML 5 est-il pris en charge par tous les principaux navigateurs?
- 3. HTML 5 support d'éléments spécifiques dans les anciens navigateurs via Javascript?
- 4. xhtml dans les anciens navigateurs
- 5. focusin n'est pas pris en charge dans tous les navigateurs
- 6. Navigateurs pris en charge pour Selenium2 (WebDriver)
- 7. Script de compatibilité ECMAScript 5 pour les anciens navigateurs
- 8. Liste des navigateurs pris en charge
- 9. Quels navigateurs prennent en charge HTML 5/CSS3
- 10. Rediriger les anciens navigateurs
- 11. Existe-t-il un framework JavaScript multi-navigateurs prenant en charge les anciens navigateurs comme IE 5?
- 12. Quels sont les navigateurs pris en charge par Formance.js?
- 13. Html Cible attribut pas pris en charge
- 14. HTML5 sur les anciens navigateurs?
- 15. appendChild dans les anciens navigateurs IE
- 16. Prise en charge de la propriété 'background-size' sur les anciens navigateurs?
- 17. Sélection d'un DOCTYPE pour HTML 5 + tous les navigateurs
- 18. Éléments HTML pris en charge par Excel
- 19. Existe-t-il un moyen de détecter la prise en charge des balises HTML 5 dans les navigateurs mobiles?
- 20. Téléchargement et exécution de scripts dans les navigateurs pris en charge uniquement?
- 21. Traiter les curseurs non pris en charge dans les différents navigateurs
- 22. jQuery mobile: se dégrade facilement dans les navigateurs non pris en charge?
- 23. Quels sont les formats de fichiers graphiques pris en charge par les navigateurs?
- 24. Le convertisseur JavaScript de Google Dart prend-il en charge les anciens navigateurs?
- 25. bibliothèque javascript pour css3 dans les anciens navigateurs
- 26. TextArea MaxLength - Pris en charge ou non pris en charge?
- 27. Est-ce que l'injection de balises vidéo (HTML 5) via JavaScript fonctionne dans tous les navigateurs?
- 28. Lier à CSS ou JavaScript sans le protocole pris en charge dans tous les navigateurs?
- 29. AudioEffects pris en charge
- 30. Prise en charge de HTML 5 dans Firefox 4
un coup d'oeil à ce http://stackoverflow.com/questions/2815128/what-browsers-are-compatible-with-html5 – christiandev
possible doublon de [Les attributs de données personnalisés HTML5 "fonctionnent" dans IE 6?] (http://stackoverflow.com/questions/2412947/do-html5-custom-data-attributes-work-in-ie-6) – whostolemyhat