Maison  >  Article  >  interface Web  >  Explication détaillée des commentaires conditionnels dans le navigateur IE

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

巴扎黑
巴扎黑original
2017-04-05 10:44:391480parcourir

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 dbf5feeb0d676154b00e7fac3915442f pour définir la situation sous les navigateurs non-IE, mais notez : les commentaires conditionnels ne peuvent être exécutés que sous les navigateurs IE, et ce code sera bloqué sous navigateurs non IE. Ignorez-le en tant que commentaire.

2. Nous utilisons généralement les commentaires conditionnels d'IE pour charger différents CSS en fonction des différents navigateurs, résolvant ainsi les problèmes de compatibilité de style. En fait, il peut faire plus. Il peut protéger n'importe quel bloc de code - bloc de code HTML, bloc de code JavaScript, code côté serveur... Jetez un œil au code ci-dessous.

<!--[if IE]> 
<script type="text/javascript"> 
 alert("你使用的是IE浏览器!"); 
</script> 
<![endif]-->

                                         

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn