Les commentaires conditionnels pour Internet Explorer
Les commentaires conditionnels sont un mécanisme propre à Internet Explorer Windows, qui permettent d’inclure dans une page (X)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.
Techniquement, il s’agit de simples commentaires HTML, qui seront compris comme tels par la plupart des navigateurs. Cependant, le contenu de ces commentaires a une syntaxe spéciale, qui permet à Internet Explorer de savoir s’il doit interpréter le contenu du commentaire ou bien l’ignorer.
Syntaxe de base L’exemple le plus simple de commentaire conditionnel est le suivant : Rappel : un commentaire conditionnel ne peut être inséré que dans un document (X)HTML, et ne peut contenir que des instructions (X)HTML et non CSS. Exemple d’utilisation : Viser une version ou un éventail de versions. Les commentaires conditionnels ne se limitent bien entendu pas à l’appel d’une feuille de styles, et peuvent être utilisés n’importe où dans un document (X)HTML. Pour réserver du code HTML à une ou plusieurs versions spécifiques d’IE, ce code devient : La comparaison peut être : Voici une série d’exemples commentés, peut-être plus parlants : Les commentaires conditionnels sont compris par Internet Explorer depuis IE 5.0.<!--[if IE]>
Ici votre code HTML réservé à IE.
<![endif]--><!--[if IE]>
<link type="text/css" rel="stylesheet" href="styles-ie.css" />
<![endif]--><!--[if comparaison IE version]>
Code lu par les versions d'Internet Explorer visées.
<![endif]-->
= (pas de mot-clé) ;
> (mot-clé gt pour « greater than ») ;
? (mot-clé gte pour « greater than equal ») ;
< (mot-clé lt pour « less than ») ;
? (mot-clé lte pour « less than equal »). <!--[if gte IE 6]> pour IE 6.0 et version plus récentes <![endif]-->
<!--[if IE 5.0]> pour IE 5.0 <![endif]-->
<!--[if IE 5.5000]> pour IE 5.5 <![endif]-->
<!--[if IE 6]> pour IE 6.0 <![endif]-->
<!--[if IE 7]> pour IE 7.0 <![endif]-->
<!--[if IE 8]> pour IE 8.0 <![endif]-->
<!--[if gte IE 7]> pour IE 7 et supérieur <![endif]-->
<!--[if lt IE 7]> pour IE inférieur à IE 7 <![endif]-->
<!--[if lte IE 6]> pour IE 5.0, IE 5.5 et IE 6.0 mais pas IE7.0 <![endif]-->
- CSS - Cascading Style Sheets
- Créer un formulaire mail avec Captcha
- Découpage et Codage en XHTML/CSS
- Où est ma transparence ? Navigateur Obsolète
- Construction des pages
- Optimiser les performances de son site
- Mise en page iPad CSS avec Modes Portrait Paysage
- Personnaliser sa page Twitter
- Créer une page à onglets
- Convertir les photos en images vectorielles
Liste du code à insérer pour prévenir que la version du navigateur est obsolète (en plusieurs langues) : http://www.ie6nomore.com/code-sampl...
Attention : L’installation de plusieurs versions d’Internet Explorer en parallèle sur un même système peut poser un problème : dans certains cas, toutes les versions d’IE interprèteront les commentaires conditionnels comme si elles étaient la version d’IE la plus récente parmi celles installées.