Comment procéder pour migrer vers HTML5 sans aliéner la majorité de mon public d'utilisateurs?
J'aimerais vraiment implémenter certaines des nouvelles fonctionnalités fournies en standard avec HTML5, mais je veux pouvoir le faire d'une manière qui ne casse pas mon site.
Je sais que l'amélioration progressive et la vérification du useragent est toujours une option. Existe-t-il de meilleures alternatives?
2 approches possibles:
- HTML5 Shims , qui sont des extraits de code vous permettant d'utiliser les fonctionnalités HTML5, mais avec un système de correction d'erreur
- Modernizr , une boîte à outils permettant d’appliquer des classes CSS au corps, que vous pouvez utiliser dans le cadre de la détection de caractéristiques individuelles et de l’affichage d’avertissements ou de la désactivation de code si ces classes sont présentes ou non.
Le chapitre Détection des fonctionnalités HTML 5 du chapitre Plonger dans HTML 5 est également une excellente référence.
Un moyen beaucoup plus précis de déterminer le type de navigateur auquel vous faites face consiste à sélectionner des fonctionnalités et non à lire useragent.
jQuery a .support () c'est un excellent moyen de le faire.
Comme pour toute fonctionnalité, assurez-vous que si vous souhaitez implémenter quelque chose, il se dégrade gracieusement pour les navigateurs plus anciens.
En plus de ces réponses, de nombreux éléments HTML5, tels que les éléments de formulaire, se dégradent gracieusement en simples zones de texte, car si un navigateur ne reconnaît pas l'attribut type, il utilise par défaut text. De plus, si un navigateur ne reconnaît pas un attribut (comme placeholder), il l'ignore simplement. Cette dégradation gracieuse signifie que vous pouvez implémenter ces éléments sans avoir à vous inquiéter des problèmes si le navigateur d'un utilisateur ne prend pas en charge HTML5. Ils ne verront tout simplement rien de spécial.
Gmail est la quintessence de l'amélioration progressive, il va du html direct à toutes les cloches et à tous les sifflets. C'est pourquoi il a un tel public. C'est donc un bon modèle à imiter.
Je suggère de reléguer les fonctionnalités html5 à quelque chose qui est activé par javascript pour les navigateurs compatibles. Ce qui signifie encore que vous voudrez commencer par HTML 4.