Maison > interface Web > tutoriel HTML > Explication de l'utilisation des commentaires conditionnels HTML

Explication de l'utilisation des commentaires conditionnels HTML

不言
Libérer: 2018-04-27 14:11:57
original
1685 Les gens l'ont consulté

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]-->
Copier après la connexion

2. . Prend en charge les navigateurs non IE

<!--[if !IE]>
<link rel="stylesheet" href="not-ie.css" type="text/css"/>
<![endif]-->
Copier après la connexion

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]-->
Copier après la connexion

3. Prend en charge uniquement IE10

<!--[if IE 10]>
<link rel="stylesheet" type="text/css" href="ie10.css">
<![endif]-->
Copier après la connexion

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]-->
Copier après la connexion

peut également s'écrire

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

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]-->
Copier après la connexion

ou

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

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]-->
Copier après la connexion
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!

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
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
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal