Probablement.
Il existe des parties de HTML5 que vous pouvez utiliser dès maintenant, aujourd'hui. Des formulaires par exemple. Si vous avez <input type="email">dans un navigateur qui ne prend pas en charge HTML5 (oui, même IE6), vous verrez simplement la même chose que si vous l'utilisiez <input type="text">. Pourtant, sur un navigateur qui prend en charge les éléments de formulaire HTML5, vous obtenez les avantages du emailtype: à savoir, le client vérifiera la valeur sans aucun JS supplémentaire requis. Bien que oui, vous aurez toujours besoin du JS pour les navigateurs non HTML5, vous aurez une couche de validation supplémentaire dans les navigateurs pris en charge.
Une autre question sur ce site donne un bon aperçu des nouvelles fonctionnalités disponibles via HTML5 et CSS3. Il y a aussi beaucoup de bonnes données sur les formulaires dans cette question.
Parce qu'Internet Explorer (et les anciennes versions de Safari et Firefox, aussi rares soient-elles) ne prennent pas en charge bon nombre de ces fonctionnalités, il vous reste des bibliothèques JavaScript pour combler le vide. Ceux-ci incluent un impact sur les performances (même si ce n'est que pour les navigateurs qui ont besoin de les utiliser), alors soyez attentif à vos utilisateurs lors de leur utilisation.
Pour atténuer les problèmes liés au manque de prise en charge des fonctionnalités, si vous décidez que ces nouvelles fonctionnalités en valent la peine, utilisez les ressources suivantes:
- html5shiv: un shiv JavaScript pour IE pour reconnaître et styliser les éléments HTML5.
- CSS3 Pie: un comportement lié à IE (un
.htcfichier) qui rend Internet Explorer 6-8 capable de rendre plusieurs des fonctionnalités de décoration CSS3 les plus utiles. Lorsqu'ilappliqué à un élément, il permet de reconnaître IE etaffichageborder-radius,box-shadow,border-image, plusieurs images d'arrièreplan, etlinear-gradientcomme image de fond.
- Modernizr: une bibliothèque Javascript qui utilise la détection des fonctionnalités pour tester le navigateur actuel par rapport aux fonctionnalités CSS3 / HTML5 à venir, en ajoutant des classes à l'élément <html> pour celles qui sont prises en charge. Crée également un objet JavaScript global éponyme qui contient une propriété booléenne pour chaque fonctionnalité,
truesi elle est prise en charge etfalsesinon. Ajoute la prise en charge du style et de l'impression des éléments HTML5 afin que vous puissiez utiliser des éléments tels que<section>,<header>et<nav>.
- ie-css3.js: permet à Internet Explorer d'identifier les sélecteurs de pseudo-classe CSS3 et de rendre les règles de style définies avec eux. Prend en charge différents sélecteurs CSS3 en fonction de la bibliothèque JavaScript utilisée par votre site.
- DD_belatedPNG: une bibliothèque Javascript qui ajoute la prise en charge des images PNG à IE6. Vous pouvez utiliser PNGs comme
srcd'un<img />élément ouunebackground-imagepropriété en CSS. A la différenceAlphaImageLoader,background-positionetbackground-repeattravail comme prévu, etéléments répondront à laa:hoverpseudo-classe.
- TwinHelix IE PNG Fix: un comportement attaché IE (un
.htcfichier) qui ajoute la prise en charge PNG avec opacité alpha à IE 6. Le positionnement et la répétition d'arrière-plan CSS complets prennent en charge (y compris les sprites CSS) avec JavaScript (inclus) supplémentaire.
- Peu importe: hover: un comportement attaché à IE (un
.htcfichier) qui corrige automatiquement: hover,: active et: focus pour les bizarreries IE6, IE7 et IE8, vous permettant de les utiliser comme vous le feriez dans n'importe quel autre navigateur. Inclut le support AJAX, ce qui signifie que tout html inséré dans le document via javascript se déclenchera également:hover,:activeainsi que les:focusstyles dans IE.
Il est intéressant de noter que DD_belatedPNG résout les deux problèmes résolus par Wwhat: hover et le correctif PNG IE de TwinHelix avec du JavaScript pur, tandis que Wwhat: hover et le correctif PNG IE de TwinHelix utilisent une combinaison de comportements attachés JavaScript et IE ( .htc files).
Généralement, les personnes qui utilisent des navigateurs non IE les mettent à niveau lorsque cela leur est demandé, et donc IE porte le poids de "Mais certains navigateurs ne prennent pas en charge cette fonctionnalité!" plaintes. Modernizr ajoutera la possibilité d'utiliser HTML5 / CSS3 à n'importe quel navigateur que vous verrez probablement et pas seulement à IE. ie-css3.js fera la même chose, il vous suffit de l'implémenter sans commentaire conditionnel IE (ce qui signifie que tous les navigateurs finiront par l'obtenir, sauf si vous l'incluez avec des vérifications d'agent utilisateur côté serveur - cela réduira considérablement les performances pour tous vos visiteurs, plutôt que pour vos utilisateurs IE.)