Explication détaillée des commentaires conditionnels dans le navigateur IE

Les commentaires conditionnels IE sont une instruction logique non standard fournie par Microsoft depuis IE5. Sa fonction est d'importer de manière flexible différents éléments HTML, tels que des feuilles de style, des balises HTML, etc. dans différentes versions IE des navigateurs. Évidemment, le plus grand avantage de cette méthode est qu’il s’agit d’une solution compatible officiellement donnée par Microsoft et qu’elle peut également passer la validation W3C.

Jetons un coup d'œil à quelques exemples :

1. Seul IE peut reconnaître

<!--[if IE]>
 <link type="text/css" rel="stylesheet" href="my.css" />
<![endif]-->

Étant donné que seules les versions IE5 et supérieures commencent à prendre en charge les commentaires conditionnels d'IE, tous « uniquement IE » peuvent le reconnaître, ce qui signifie que « seules les versions IE5 et supérieures » peuvent le reconnaître.

2. Seules des versions spécifiques peuvent reconnaître

<!--[if IE 8]> 
<link type="text/css" rel="stylesheet" href="my.css" />   
<![endif]-->

Identifiez une version spécifique d'IE, qu'elle soit supérieure ou inférieure. L'exemple ci-dessus ne peut être reconnu que par IE8.

3. Seuls ceux qui ne sont pas des versions spécifiques peuvent identifier

<!--[if !IE 7]> 
<link type="text/css" rel="stylesheet" href="my.css" />   
<![endif]-->

Dans l'exemple ci-dessus, la version spécifique d'IE7 ne peut pas être reconnue, mais d'autres versions peuvent être reconnues, bien sûr, il doit s'agir d'IE5 ou supérieur.

4. Seules les versions supérieures à une version spécifique peuvent être reconnues

<!--[if gt IE 7]> 
<link type="text/css" rel="stylesheet" href="my.css" />   
<![endif]-->

Dans l'exemple ci-dessus, seules les versions supérieures à IE7 peuvent être reconnues. IE7 n'est pas reconnu.

5. Seules les versions égales ou supérieures à une version spécifique peuvent être reconnues

<!--[if gte IE 7]> 
<link type="text/css" rel="stylesheet" href="my.css" />   
<![endif]-->

Dans l'exemple ci-dessus, IE7 et les versions supérieures peuvent être reconnues.

6. Seules les versions inférieures à une version spécifique peuvent être reconnues

<!--[if lt IE 7]> 
<link type="text/css" rel="stylesheet" href="my.css" />   
<![endif]-->

Dans l'exemple ci-dessus, seules les versions inférieures à IE7 peuvent être reconnues, et IE7 ne le peut pas.

7. Seules les versions égales ou inférieures à une version spécifique peuvent être identifiées

<!--[if lte IE 7]> 
<link type="text/css" rel="stylesheet" href="my.css" />   
<![endif]-->

Dans l'exemple ci-dessus, IE7 et les versions inférieures peuvent être reconnues.

Explication du mot clé

Les codes ci-dessus peuvent sembler difficiles à retenir, mais en fait, ils sont faciles à retenir à condition d’expliquer un peu les mots-clés.

lt : C'est l'abréviation de Less than, qui signifie moins que.

lte : C'est l'abréviation de Inférieur ou égal à, qui signifie inférieur ou égal à.

gt : C'est l'abréviation de Greater than, qui signifie supérieur à.

gte : C'est l'abréviation de Supérieur ou égal à, qui signifie supérieur ou égal à.

! : Cela signifie pas égal à, ce qui est la même chose que le juge d'inégalité en JavaScript.

Si vous l’expliquez de cette façon, ce sera beaucoup plus facile à retenir.

Rappel spécial :

1. Certaines personnes essaieront d'utiliser