Erklärung zur Verwendung bedingter HTML-Kommentare

Dieser Artikel stellt hauptsächlich die Verwendung und Interpretation von HTML-bedingten Kommentaren vor, die einen gewissen Referenzwert haben. Jetzt kann ich ihn mit allen teilen, die ihn benötigen.

Die Verwendung und Interpretation von HTML-bedingten Kommentaren

Der Kommentarinhalt nimmt den Stil wie folgt:

Unterstützt alle IE-Browser

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

2 Nicht-IE-Browser

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

Das Obige wird von allen Browsern außer IE-Browser erkannt. Darüber hinaus bietet der Artikel „How To Create an IE-Only Stylesheet“ von CSS-TRICKS eine andere Schreibweise:

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

3, unterstützt nur IE10

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

4. Unterstützt Versionen unter IE10 (IE9 und niedriger)

Mit anderen Worten: Bei dieser Methode wird das Stylesheet in Browsern verwendet, die niedriger als IE10 sind außer IE10 Alle IE-Versionen außer .

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

kann auch geschrieben werden als

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

Wir haben auch schon den Unterschied zwischen lt und lte erwähnt, lt表示小于版本号，不包括条件版本号本身；而lte是小于或等于版本号，包括了版本号自身.

Die oben genannten Methoden verwenden zur Beurteilung die Methoden kleiner als (lt) und kleiner oder gleich (lte). Wir können auch größer als gt und größer als oder gleich gte verwenden, um dies zu erreichen der obige Effekt:

5. Versionen höher als IE9 (IE10 und IE10 oder höher)

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

oder

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

6. Geben Sie mehrere IE-Versionen an

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

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

Verwandte Empfehlungen:

HTML5-Verwendung von Audio- und Video-Tags

Das obige ist der detaillierte Inhalt vonErklärung zur Verwendung bedingter HTML-Kommentare. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!