HTML5/CSS3 : Palier aux carences d'Internet Explorer 8 et compagnie

Internet Explorer 8 et autres versions ne reconnaissent pas les balises HTML5 comme <section>,<nav>,<header>, etc… Ces balises HTML5 ne sont pas reconnues, donc le navigateur ne leur applique aucun style. Le problème de compatibilité existe aussi avec les Media Queries.

Les balises HTML5

Voici le bout de code a glisser dans la section <head> de votre page HTML5.

<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
<![endif]-->

CSS3/Media Quieres

Voici le bout de code a glisser dans la section <head> de votre page HTML5.

<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/libs/respond.js/1.3.0/respond.min.js"></script>
<![endif]-->

Un petit plus pour la route

Pour finir de vous assurer que votre superbe site sous HTML5/CSS3 fonctionne sur tous les navigateurs, je vous propose l'utilisation de ce script select[ivizr]. Vous télécharger ce script sur la page du script Une fois téléchargé et installé sur votre espace FTP, il vous suffit de rajouter le code ci-dessous

<!--[if lt IE 9]>
<script src="https://lien-vers-script/selectivizr-min.js"></script>
<![endif]-->

Notes de version

  • [18/11/2017] : Harmonisation de la page

Auteurs et sources