L'essentiel du HTML5

Analyser les anciennes versions d'Internet Explorer

Testez gratuitement nos 1270 formations

pendant 10 jours !

Tester maintenant Afficher tous les abonnements
La portabilité du HTML5 vers les vieux navigateurs commence déjà avec les anciennes versions d'Internet Explorer. Découvrez cela ici.
04:04

Transcription

Généralement, la première question qui se pose, c'est oui mais est-ce que les navigateurs comprennent html 5 ? La réponse va être un peu complexe en fait parce que oui, les navigateurs modernes qui continuent d'évoluer, parce que vous avez vu que les mises à jour de navigateur sont très fréquentes et donc, collent avec les dernières recommandations. On verra qu'il y a plusieurs manières de pouvoir rendre compatibles les contenus avec l'évolution, comme ça. Mais des vieux navigateurs ou des entreprises qui utiliseraient des navigateurs installés et qui ne les mettraient pas à jour de manière fréquente ou qui utiliseraient du Internet Explorer, vont se retruover dans une problèmatique. Alors, on va voir comment on peut directement contourner un certains nombre de problèmatiques. Ici, dans le cas d'Internet Explorer, surtout dans les vieilles versions, html 5 n'existait pas. La balise section n'est pas connue. Donc, si j'écris tout simplement un contenu qui utilise une balise section et une feuille de style qui dit à cette section tu vas t'écrire en 2-25M à 125%, qu'est-ce qui se passe si je teste dans un navigateur classique ? Le rendu est bien fait, on voit le rendu avec la typographie demandée. Par contre, si je bascule dans Internet Explorer, on n'a pas le rendu qui est fait. Alors, il n'y a pas de bugs, pas de soucis de ce côté-là. C'est très bien puisqu'on a accès à l'information et au contenu. Mais la mise en forme n'est pas du tout portée. Alors pour cela, il suffirait simplement de venir dans notre fichier html et de rajouter une balise script tout simplement, qui viendrait dire document.createElement. Et on va créer cete balise section. Ce qui fait que maintenant, le navigateur va connaître cette balise section puisqu'elle a été inventée, elle a été créée. Donc, il s'est que c'est un élément qui existe donc si on me parle de ça, je sais que ça existe. Et donc, je vais pouvoir forcément le styler parce que ça, je sais faire. Alors si je rebascule dans Internet Explorer, j'actualise ma page. On s'aperçoit que la prise en compte est faite. Ce qui veut dire qu'il faudrait que je fasse ça pour toutes les nouvelles balises html 5 pour venir les redécrire. Alors c'est là ou on va rentrer dans la philosophie des shiv et des bolifiles. Ce sont des éléments Javascript, qui vont venir apporter le complément de fonctionnalité au navigateur, qui ne gère pas ce genre de fonctionnalités, justement. Donc, je vous propose d'utiliser un CDN. Donc, on va partir sur un serveur de script pour éviter d'avoir à le transporter sur notre site. Et donc ici, on va trouver chez cdnjs, un script qui s'appelle html5shiv, qu'il va nous falloir rajouter à nos pages. Alors on peut le copier ici. Venir dans notre script, lui dire, je vais faire une petite place, je vais rajouter ce script ici, qui va me permettre de remplir pour moi l'intégralité de createElement. Vous pouvez creuser par la suite si vous voulez mais ça va le faire pour toutes les balises et ça va définir de type natif, de type bloc, par exemple. pour les sections, pour l'intégralité des nouvelles balises html 5. Par contre, là, tous les navigateurs n'en ont pas besoin. Ce qu'on va faire, c'est d'utiliser un commentaire au conditionnel pour Internet Explorer, en disant attention, si on se retrouve dans une version d'Internet Explorer plus vieille que 9 alors tu lis ça. Et sinon, tu fermes le commentaire. Ce qui fait qu'il n'y a qu'Internet Explorer qui va être capable de lire ce script, qui va intégrer la librairie, qui va faire un paliatif à l'utilisation de balises html 5 et puis, les autres navigateurs, il verront simplement un commentaire. On va commenter cette partie-là. Ici, simplement en rajoutant ce commentaire au conditionnel, si je rebascule dans mon navigateur Internet Explorer 8, si j'actualise, on voit bien qu'il n'y a aucun changement, donc ça a bien fait le job. Alors, quand même, on pourrait se dire, parce que c'est bien cool, mais quand même, Internet Explorer ça va. Mais il faut regarder du côté de chez Microsoft alors. Ils disent bien de manière claire et explicite, la prise en charge des anciennes versions d'Internet Explorer s'achève le 12 janvier 2016 C'est à dire que là, c'est fini, il n'y a plus de support pour les anciennes version d'IE. Il faut partir vers Edge. Ça ne veut pas dire qu'il faut délaisser l'intégralité des utilisateurs de la planète qui sont toujour IE 8. 9 ou 10 ou 11, qui sont quand même des versions récentes, de ne plus les servir avec des contenus. Donc voilà un peu une partie de la portabilité qu'il nous faut prendre en considération.

L'essentiel du HTML5

Préparez la structure de vos sites web de manière évolutive, sémantique, et accessible à tous avec le HTML5. Abordez la gestion du texte, les balises et les attributs, etc.

5h13 (63 vidéos)
Aucun commentaire n´est disponible actuellement
 
Logiciel :
Spécial abonnés
Date de parution :29 juin 2016

Votre formation est disponible en ligne avec option de téléchargement. Bonne nouvelle : vous ne devez pas choisir entre les deux. Dès que vous achetez une formation, vous disposez des deux options de consultation !

Le téléchargement vous permet de consulter la formation hors ligne et offre une interface plus conviviale. Si vous travaillez sur différents ordinateurs ou que vous ne voulez pas regarder la formation en une seule fois, connectez-vous sur cette page pour consulter en ligne les vidéos de la formation. Nous vous souhaitons un excellent apprentissage avec cette formation vidéo.

N'hésitez pas à nous contacter si vous avez des questions !