Heim Web-Frontend HTML-Tutorial Detaillierte Einführung in die Verwendung von Blockkommentaren bei der Erstellung von html_HTML/Xhtml_Webseiten

Detaillierte Einführung in die Verwendung von Blockkommentaren bei der Erstellung von html_HTML/Xhtml_Webseiten

May 16, 2016 pm 04:39 PM
html 块注释

Gewöhnliche Kommentare in HTML: , wobei XXXXXXXX der Kommentarinhalt ist

Kommentar-CSS in HTML blockieren (
erkennen. ![endif]--> ;![endif]--> --[if IE 7]> Wird nur von IE7 erkannt
10 ]-->
11 6]>……


Ite: kleiner oder gleich Bedeutung Es ist kleiner oder gleich dem IE6-Browser und wird für bedingte Kommentare des IE-Browsers verwendet , wird häufig in CSShack, JS für IE usw. verwendet.

Beim Erlernen und Anwenden von WEB-Standard-Webseiten ist die Kompatibilität von Webseiten mit Browsern ein häufig auftretendes Problem. Unter ihnen nimmt der Internet Explorer (kurz IE) von Microsoft neben Firefox, Opera usw. den größten Teil des Browsermarktes ein. Kompatibilität mit diesen Browsern ist erforderlich.
Gleichzeitig verwenden die aktuellen Browser im IE aufgrund der Aktualisierung und Ersetzung der IE-Versionen hauptsächlich IE5 (IE5.5), IE6 und IE7. Diese drei Versionen haben eine unterschiedliche Interpretation und Ausführung der von uns erstellten WEB-Standard-Webseiten (XHTML-CSS). Darüber hinaus interpretieren andere Nicht-IE-Browser und der IE manches CSS unterschiedlich. Daher können relevante Attribute durch proprietäre bedingte Kommentare im IE-Browser gezielt definiert werden.
Bedingte Kommentare können nur im Explorer 5 Windows (im Folgenden als IE bezeichnet) verwendet werden (bedingte Kommentare werden ab IE5 unterstützt). Wenn Sie mehrere IEs installiert haben, basieren bedingte Kommentare auf der höchsten Version des IE (derzeit IE 7).

Bedingte Kommentare können nur unter Windows Internet Explorer (im Folgenden als IE bezeichnet) verwendet werden, sodass wir durch bedingte Kommentare spezielle Anweisungen für IE hinzufügen können. Für Laien sind bedingte Kommentare einige if-Urteile, aber diese Urteile werden nicht im Skript, sondern direkt im HTML-Code ausgeführt, wie zum Beispiel:
Daher werden sie von anderen Browsern als dem IE als gewöhnliche Kommentare behandelt und vollständig ignoriert.
2. IE verwendet die if-Bedingung, um zu bestimmen, ob der Inhalt im bedingten Kommentar wie normaler Seiteninhalt analysiert werden soll.
3. Bedingte Kommentare verwenden die HTML-Kommentarstruktur, sodass sie nur in HTML-Dateien, nicht in CSS-Dateien verwendet werden können.

Sie können den folgenden Code verwenden, um die aktuelle IE-Browserversion zu erkennen (Hinweis: Der Effekt ist in Nicht-IE-Browsern nicht sichtbar)





Code kopieren


Der Code lautet wie folgt:



Was sollten Sie tun, wenn der aktuelle Browser IE ist, die Version jedoch niedriger als IE5 ist? Sie können



Dies unterscheidet die Ausführung von CSS durch IE7- und IE6-abwärts gerichtete Browser, um Kompatibilität zu erreichen. Gleichzeitig ist die Standard-css.css in der ersten Zeile auch mit anderen Nicht-IE-Browsern kompatibel.


Hinweis: Der Standard-CSS-Stil sollte sich in der ersten Zeile des HTML-Dokuments befinden, und alle Inhalte für die Beurteilung bedingter Kommentare müssen nach dem Standardstil platziert werden.
Wenn der folgende Code beispielsweise im IE-Browser ausgeführt wird, wird er in Rot angezeigt, in einem Nicht-IE-Browser jedoch in Schwarz. Wenn das bedingte Kommentarurteil in der ersten Zeile steht, kann es nicht implementiert werden. Diese Beispielfrage ist sehr nützlich, um zu erklären, wie das Kompatibilitätsproblem zwischen IE-Browsern und Nicht-IE-Browsern auf Webseiten gelöst werden kann.



Code kopierenDer Code lautet wie folgt:

Heiße KI -Werkzeuge

Undresser.AI Undress

Undresser.AI Undress

KI-gestützte App zum Erstellen realistischer Aktfotos

AI Clothes Remover

AI Clothes Remover

Online-KI-Tool zum Entfernen von Kleidung aus Fotos.

Undress AI Tool

Undress AI Tool

Ausziehbilder kostenlos

Clothoff.io

Clothoff.io

KI-Kleiderentferner

Video Face Swap

Video Face Swap

Tauschen Sie Gesichter in jedem Video mühelos mit unserem völlig kostenlosen KI-Gesichtstausch-Tool aus!

Heiße Werkzeuge

Notepad++7.3.1

Notepad++7.3.1

Einfach zu bedienender und kostenloser Code-Editor

SublimeText3 chinesische Version

SublimeText3 chinesische Version

Chinesische Version, sehr einfach zu bedienen

Senden Sie Studio 13.0.1

Senden Sie Studio 13.0.1

Leistungsstarke integrierte PHP-Entwicklungsumgebung

Dreamweaver CS6

Dreamweaver CS6

Visuelle Webentwicklungstools

SublimeText3 Mac-Version

SublimeText3 Mac-Version

Codebearbeitungssoftware auf Gottesniveau (SublimeText3)

Tabellenrahmen in HTML Tabellenrahmen in HTML Sep 04, 2024 pm 04:49 PM

Anleitung zum Tabellenrahmen in HTML. Hier besprechen wir verschiedene Möglichkeiten zum Definieren von Tabellenrändern anhand von Beispielen für den Tabellenrand in HTML.

HTML-Rand links HTML-Rand links Sep 04, 2024 pm 04:48 PM

Anleitung zum HTML-Rand links. Hier besprechen wir einen kurzen Überblick über HTML margin-left und seine Beispiele sowie seine Code-Implementierung.

Verschachtelte Tabelle in HTML Verschachtelte Tabelle in HTML Sep 04, 2024 pm 04:49 PM

Dies ist eine Anleitung für verschachtelte Tabellen in HTML. Hier diskutieren wir anhand der entsprechenden Beispiele, wie man eine Tabelle innerhalb der Tabelle erstellt.

HTML-Tabellenlayout HTML-Tabellenlayout Sep 04, 2024 pm 04:54 PM

Leitfaden zum HTML-Tabellenlayout. Hier besprechen wir die Werte des HTML-Tabellenlayouts zusammen mit den Beispielen und Ausgaben im Detail.

HTML-Eingabeplatzhalter HTML-Eingabeplatzhalter Sep 04, 2024 pm 04:54 PM

Leitfaden für HTML-Eingabeplatzhalter. Hier besprechen wir die Beispiele für HTML-Eingabeplatzhalter zusammen mit den Codes und Ausgaben.

Text in HTML verschieben Text in HTML verschieben Sep 04, 2024 pm 04:45 PM

Anleitung zum Verschieben von Text in HTML. Hier besprechen wir eine Einführung, wie Marquee-Tags funktionieren, mit Syntax und Beispielen für die Implementierung.

HTML-geordnete Liste HTML-geordnete Liste Sep 04, 2024 pm 04:43 PM

Leitfaden zur HTML-geordneten Liste. Hier besprechen wir auch die Einführung von HTML-geordneten Listen und Typen sowie deren Beispiele

HTML-Onclick-Button HTML-Onclick-Button Sep 04, 2024 pm 04:49 PM

Anleitung zum HTML-OnClick-Button. Hier diskutieren wir deren Einführung, Funktionsweise, Beispiele und Onclick-Events in verschiedenen Veranstaltungen.

See all articles