Avantages et inconvénients de l'annotation conditionnelle de IE

L'annotation conditionnelle pour IE est une extension Miscrosoft propriétaire (et donc non standard) pour les annotations HTML régulières (x).

L'annotation conditionnelle pour IE est une extension Miscrosoft propriétaire (et donc non standard) pour les annotations HTML régulières (x). Comme son nom l'indique, les commentaires conditionnels vous permettent d'afficher des blocs de code en fonction des conditions (telles que la version du navigateur). Bien que non standard, les annotations conditionnelles apparaissent comme des annotations régulières pour tous les autres navigateurs et sont donc essentiellement inoffensives. Les annotations conditionnelles sont apparues pour la première fois dans IE5 sur Windows et sont prises en charge par toutes les versions ultérieures du navigateur WidNows.

Les annotations conditionnelles pour IE sont très efficaces et très faciles à retenir. Le principal inconvénient est que ces commentaires doivent être placés dans la page HTML, pas dans le CSS. De cette façon, lorsque vous n'avez pas besoin de ces choses ou n'apportez pas de modifications, vous devez maintenir beaucoup d'endroits.

Jetons un coup d'œil en fonction de quelques exemples -

Parce que seules les versions IE5 ou au-dessus commencent à prendre en charge l'annotation conditionnelle IE, tout ce que IE peut reconnaître signifie que seules les versions IE5 ou ci-dessus peuvent reconnaître.

Par exemple, seul IE5 peut reconnaître, seul IE6 peut reconnaître, et seuls IE7 ou IE8 peuvent reconnaître. Les conditions de reconnaissance sont des versions spécifiques, et elles ne peuvent pas être élevées ou faibles. Par exemple, le bloc de code suivant ne sera valide que dans IE8

<! - [Si ie 8]>

<style type = text / css>

@Import test.css;

</ style>

<! [endif] ->

Bien sûr, IE Browser doit être la version 5 ou plus avant qu'il ne soit dans le cadre de la discussion. Par exemple, dans l'exemple suivant, la version IE7 spécifique ne peut pas être reconnue.

<! - [Si! IE 7]>

<style type = text / css>

@Import test.css;

</ style>

<! [endif] ->

Page précédente 1 2 3 Page suivante Lire le texte complet