Über Codekommentare in HTML

Dieser Artikel enthält hauptsächlich einen Artikel über Codekommentare in HTML. Er hat einen guten Referenzwert und ich hoffe, dass er für alle hilfreich ist. Folgen wir dem Herausgeber und werfen wir einen Blick darauf.

HTML-Kommentare

Im HTML-Code ist der Text zwischen den Tags Wenn Sie Kommentare hinterlassen, wird der Inhalt der Kommentare nicht auf der Browserseite angezeigt. Kommentare sind nur sichtbar, wenn Sie das Dokument in einem Texteditor oder mit der Option „Quelle anzeigen“ Ihres Browsers öffnen.

Es gibt zwei Arten von Kommentaren in HTML: einen HTML-Code-Kommentar und einen IE-bedingten Kommentar.

1. HTML-Code-Kommentare

In einem großen Dokument werden Kommentare verwendet, um den Anfang und das Ende des Blocks anzuzeigen, die leicht zu finden sind, oder Sie können dies tun Verwenden Sie Kommentare, um die Anzeige bestimmter Inhalte zu verhindern.

Wenn Sie viel Code schreiben, ist es eine gute Angewohnheit, den Schlüsselcode zu kommentieren. Das Kommentieren, um die Absicht eines bestimmten Codeabschnitts zu erläutern, kann Ihnen oder anderen, die an dieser Website arbeiten müssen, helfen was dieser Code macht.

Es ist auch eine gute Praxis, Kommentare zu verwenden, um Skripte auszublenden, damit Browser, die keine Skripte unterstützen, das Skript nicht als einfachen Text anzeigen. Zum Beispiel:

<script type="text/javascript">
<!--
function displayMsg() {
    alert("Hello World!")
}
//-->
</script>

2. Bedingte IE-Kommentare sind eine Erweiterung des IE-Browsers für HTML-Code-Kommentare. Es handelt sich um eine nicht standardmäßige Logik Anweisung, die flexibel verschiedene HTML-Elemente wie Stylesheets, HTML-Tags usw. für verschiedene IE-Versionen importieren kann.

Bedingte Kommentare erschienen erstmals in IE5 und werden von nachfolgenden Versionen unterstützt. Die Syntax ist ein gewöhnlicher HTML-Kommentar. Andere Browser als der IE ignorieren ihn als Kommentar. Daher kann es die W3C-Verifizierung bestehen und hat keine Auswirkungen auf andere Browser.

Die Funktion von bedingten Kommentaren ist sehr leistungsfähig. Sie kann eine bedingte Beurteilung durchführen und entscheiden, ob der Inhalt im bedingten Kommentar analysiert werden soll, je nachdem, ob das Beurteilungsergebnis wahr oder falsch ist.

Bedingte Beurteilung beginnt mit . Sie kann basierend auf IE, Nicht-IE und der Version beurteilt werden von IE Die Versionsnummer kann anhand der Nummer beurteilt werden, und die Versionsnummer kann auf 4 Dezimalstellen genau sein. Zum Beispiel:

Die bedingte Beurteilung unterstützt auch größer als (gt: größer als), kleiner als (lt: kleiner als), größer als oder gleich (gte: größer als oder gleich), kleiner als oder gleich (lte: kleiner oder gleich), oder (|) und (&), nicht (!), Klammern. Zum Beispiel:

<!--[if IE]> <![endif]-->      /* 所有IE，无论哪个版本 */
<!--[if IE 6]> <![endif]-->    /* 如果IE版本是6 */

Mit Hilfe von bedingten Kommentaren können viele IE-Kompatibilitätsprobleme gelöst werden. Versionen unter IE9 unterstützen beispielsweise nicht die neuen HTML5-Elemente Header, Nav, Aside, Footer usw. Es gibt eine große Anzahl von HTML5shiv-Skripten im Internet, die dieses Problem lösen können. Laden Sie einfach das entsprechende Skript herunter und verwenden Sie bedingte IE-Kommentare am Kopf der Seite, damit Versionen unter IE9 das Skript laden können, sodass diese alten Browser die neuen Elemente von HTML5 unterstützen können.

<!--[if gt IE 6]> <![endif]-->             /* 如果IE版本大于6 */
<!-- [if lte IE 9]> <![endif]-->            / * 如果IE版本小于等于9 * /
<!--[if IE 6 | IE 7]> <![endif]-->          /* 如果IE版本是6或7 */
<!--[if ! IE 5.5]> <![endif]-->             /* 如果IE版本不是5.5 */
<!-- [if (gt IE 6) & (lte IE 9)]> <![endif]-->  / * 如果IE版本大于6，且小于等于9 * /

Sie können dieselbe Methode auch verwenden, um CSS-Kompatibilitätsprobleme zu lösen. Wenn IE6 beispielsweise einige neue CSS-Funktionen nicht unterstützt, können Sie eine CSS-Datei speziell für IE6 schreiben und diese nur von IE6 laden lassen:

<!--[if lt IE 9]>
<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->

Die gute Nachricht ist, dass ab IE10 bedingte Kommentare verfügbar sind nicht mehr unterstützt. Dies markiert den Beginn der Reife und Standardisierung des IE, und Webdesigner müssen sich nicht mehr mit den Kompatibilitätsproblemen des IE herumschlagen.

<!--[if IE 6]>
<link rel="stylesheet" href="css/ie6.css" />
<![endif]-->

Verwandte Empfehlungen:

HTML-Kommentarspezifikation

HTML-Code-Kommentare

HTML-Code-Kommentare

Das obige ist der detaillierte Inhalt vonÜber Codekommentare in HTML. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!