Syntaxe des commentaires conditionnels
Syntaxe et astuces
Les commentaires conditionnels sont un mécanisme propre à Internet Explorer Windows, qui permettent d’inclure dans une page HTML de manière valide du code qui ne sera lu et interprété que par Internet Explorer, ou par l’une ou l’autre de ses versions.
Notez que les commentaires conditionnels sont compris par Internet Explorer depuis la version 5.0 mais sont officiellement abandonnés à partir d’Internet Explorer 10.
Un commentaire conditionnel ne peut être inséré que dans un document HTML, et ne peut contenir que des instructions HTML et non CSS.
Insérer le code dans <head>.
Notez vos styles propres au navigateur ciblé dans une feuille de style externe, par exempleslyles_ie.css pour les styles Internet Explorer.
Selon le navigateurs utilisé, par exemple IE, la feuille de style styles_ie.css prendra le relais.
Syntaxe de base de commentaires conditionnels pour IE :
<!--[if IE]> Ici votre code HTML réservé à IE. <![endif]-->Exemple pour appeler une feuille de style pour Internet Explorer :
<!--[if IE]> <link type="text/css" rel="stylesheet" href="styles_ie.css" /> <![endif]-->Quelques astuces :
- Créer des coins arrondis en CSS et sans image et les adapter à a tout les navigateur, Alsacréation
Lire l’article
- Tester son site sous IE8/IE7/IE6, Firefox, Safari, Chrome et Opera, Alsacréation
Lire l’article
- Les commentaires conditionnels pour Internet Explorer, Alsacréation
Lire l’article
- Boite arrondie compatible dans IE, Le site du Zero
Lire l’article
Tester son site dans IE sur Mac
Dès lors que l’on travail sous OSX et que l’on fait du webdesign, on se retrouve souvent avec le problème d’aller tester son site web sur Internet Explorer. Pour nous aider, voici quelques outils indispensables :