Styler les nouvelles balises HTML 5 pour IE
Suite au dernier article sur le passage de mon site perso en html 5 je me suis heurté à une difficulté de taille, IE toutes versions était incapable de reconnaitre les nouvelles balises du html 5 et donc par conséquent de les styler. Le rendu donnait au final un site sans affichage de css sauf pour les balises déjà existantes, ce qui n'est donc pas terrible et pas très engageant.
J'ai donc fait quelques lectures sur le sujet et j'ai pu trouver la solution au problème grâce au site html 5 doctor [en]. Pour ceux que l'anglais rebutte, voici donc la procédure à suivre en français.
Il faut passer par une fonction javascript qui va permettre de créer un nouvel élément dans le dom qui permettra à IE de pouvoir reconnaître ces balises. Je ne rentrerais pas dans la polémique du pourquoi c'est une honte je sais IE ne lit pas ces balises alors que les autres navigateurs le font.
Si on veut faire reconnaître à IE la balise <header> par exemple, il suffit de créer un fichier .js dans la page html qu'on mettra en commentaire conditionnel comme ceci
<!--[if lte IE 8]>
<script src="le-nom-de-mon-fichier.js" type="text/javascript"></script>
<![endif]-->
Ce commentaire conditionnel ne fera s'activer le fichier que sous IE 8 ainsi que toutes les versions précédentes. Ensuite dans le fichier on rajoute document.createElement('header'); pour que la balise header soit lisible par IE. C'est très barbare comme méthode mais ça fonctionne sur mon site en html 5 sous IE.
J'ose espérer qu'IE proposera un correctif assez rapidement pour éviter d'avoir a faire cette manipulation à l'avenir.
Comments [0]