Explication de l'utilisation des commentaires conditionnels HTML

Cet article présente principalement l'utilisation et l'interprétation des commentaires conditionnels HTML. Il a une certaine valeur de référence. Maintenant, je le partage avec tout le monde. Les amis dans le besoin peuvent s'y référer

L'utilisation et l'interprétation des commentaires conditionnels HTML.

Le contenu du commentaire prend le style comme exemple, comme suit :

1. Prend en charge tous les navigateurs IE

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

2. . Prend en charge les navigateurs non IE

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

Ce qui précède est que tous les navigateurs, à l'exception d'IE, reconnaissent ce style. De plus, l'article "Comment créer une feuille de style uniquement pour IE" de CSS-TRICKS propose une autre méthode. écriture :

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

3. Prend en charge uniquement IE10

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

4 Prend en charge les versions inférieures à IE10 (IE9 et inférieures)

Cette méthode est utilisée pour les feuilles de style inférieures. que le navigateur IE10, en d'autres termes, toutes les versions d'IE sauf IE10 seront prises en charge.

<!--[if lt IE 10]>
<link rel="stylesheet" type="text/css" href="ie9-and-down.css">
<![endif]-->

peut également s'écrire

<!--[if lte IE 9]>
<link rel="stylesheet" type="text/css" href="ie9-and-down.css">
<![endif]-->

Nous avons également mentionné la différence entre lt et lte auparavant, lt表示小于版本号，不包括条件版本号本身；而lte是小于或等于版本号，包括了版本号自身.

Les méthodes ci-dessus utilisent les méthodes inférieures à (lt) et inférieures ou égales à (lte) pour juger. Nous pouvons également utiliser supérieure à gt et supérieure ou égale à gte pour atteindre. l'effet ci-dessus :

5. Versions supérieures à IE9 (IE10 et IE10 ou supérieur)

<!--[if gt IE 9]>
<link rel="stylesheet" type="text/css" href="ie10-and-up.css">
<![endif]-->

ou

<!--[if gte IE 10]>
<link rel="stylesheet" type="text/css" href="ie10-and-up.css">
<![endif]-->

Spécifiez plusieurs versions d'IE

<!--[if (IE 6)|(IE 7)|(IE 8)]>
<link rel="stylesheet" type="text/css" href="ie6-7-8.css">
<![endif]-->

Référence :

https://www.cnblogs.com/hushufang/p/3708704.html

Recommandations associées :

L'utilisation des balises audio et vidéo en HTML5

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!