HTML
Bemerkungen
Suche…
Einführung
Ähnlich wie andere Programmier-, Markup- und Markdown-Sprachen enthalten Kommentare in HTML andere Entwickler entwicklungsspezifische Informationen, ohne die Benutzeroberfläche zu beeinflussen. Im Gegensatz zu anderen Sprachen können HTML-Kommentare jedoch nur zum Angeben von HTML-Elementen für Internet Explorer verwendet werden. In diesem Thema wird erläutert, wie HTML-Kommentare und ihre funktionalen Anwendungen geschrieben werden.
Syntax
<!-- Comment text -->
Bemerkungen
Alles, das mit <!-- beginnt und mit --> endet, ist ein Kommentar. Kommentare dürfen nicht zwei benachbarte Striche ( -- ) enthalten und müssen mit genau zwei Strichen enden (dh ---> ist nicht korrekt).
Kommentare sind auf einer Webseite nicht sichtbar und können nicht mit CSS gestaltet werden. Sie können vom Entwickler der Seite verwendet werden, um Notizen im HTML-Code zu erstellen oder bestimmte Inhalte während der Entwicklung auszublenden.
Bei dynamischen oder interaktiven Seiten erfolgt das Ausblenden und Anzeigen von Inhalten mit JavaScript und CSS und nicht mit HTML-Kommentaren.
Mit JavaScript kann der Inhalt von HTML-Kommentarknoten abgerufen werden. Diese Knoten können dynamisch erstellt, hinzugefügt und aus dem Dokument entfernt werden. Dies hat jedoch keinen Einfluss auf die Darstellung der Seite.
Da HTML-Kommentare Teil des Quellcodes der Seite sind, werden sie zusammen mit dem Rest der Seite in den Browser heruntergeladen. Der Quellcode kann normalerweise mit der Menüoption des Webbrowsers "Quelle anzeigen" oder "Seitenquelle anzeigen" angezeigt werden.
Kommentare erstellen
HTML-Kommentare können verwendet werden, um sich oder anderen Entwicklern Notizen zu einem bestimmten Punkt im Code zu hinterlassen. Sie können mit <!-- initiiert und mit --> abgeschlossen werden:
<!-- I'm an HTML comment! -->
Sie können in andere Inhalte integriert werden:
<h1>This part will be displayed <!-- while this will not be displayed -->.</h1>
Sie können auch mehrere Zeilen umfassen, um weitere Informationen bereitzustellen:
<!-- This is a multiline HTML comment.
Whatever is in here will not be rendered by the browser.
You can "comment out" entire sections of HTML code.
-->
Sie können jedoch nicht in einem anderen HTML-Tag wie dem folgenden angezeigt werden:
<h1 <!-- testAttribute="something" -->>This will not work</h1>
Dies erzeugt ungültige HTML als die gesamten <h1 <!-- testAttribute="something" --> Block ein einziges Start - Tag betrachtet würde h1 mit einer anderen ungültigen darin enthaltenen Informationen, die von einer einzigen gefolgt > schließenden Klammer , die nichts tut.
Für die Kompatibilität mit Tools , die versuchen , HTML als XML oder SGML zu analysieren, den Körper Ihres Kommentars sollte zwei Striche nicht enthalten -- .
Bedingte Kommentare für Internet Explorer
Bedingte Kommentare können verwendet werden, um den Code für verschiedene Versionen von Microsoft Internet Explorer anzupassen. Beispielsweise können verschiedene HTML-Klassen, Skript-Tags oder Stylesheets bereitgestellt werden. Bedingte Kommentare werden in den Internet Explorer-Versionen 5 bis 9 unterstützt. Ältere und neuere Internet Explorer-Versionen und alle Nicht-IE-Browser werden als "Downlevel" betrachtet und behandeln bedingte Kommentare als normale HTML-Kommentare.
Downlevel-versteckt
Downlevel-verborgene Kommentare funktionieren, indem der gesamte Inhalt in einen scheinbar normalen HTML-Kommentar gekapselt wird. Nur IE 5 bis 9 wird es immer noch als bedingten Kommentar lesen und den Inhalt entsprechend ausblenden oder anzeigen. In anderen Browsern wird der Inhalt ausgeblendet.
<!--[if IE]>
Revealed in IE 5 through 9. Commented out and hidden in all other browsers.
<![endif]-->
<!--[if lt IE 8]>
Revealed only in specified versions of IE 5-9 (here, IE less than 8).
<![endif]-->
<!--[if !IE]>
Revealed in no browsers. Equivalent to a regular HTML comment.
<![endif]-->
<!--
For purposes of comparison, this is a regular HTML comment.
-->
Downlevel-enthüllt
Diese unterscheiden sich geringfügig von versteckten Kommentaren, die nur in einem bestimmten Level enthalten sind: Nur der bedingte Kommentar selbst ist in der normalen Kommentarsyntax enthalten. Browser, die keine bedingten Kommentare unterstützen, werden sie einfach ignorieren und den Rest des Inhalts zwischen ihnen anzeigen.
<!--[if IE]>-->
The HTML inside this comment is revealed in IE 5-9, and in all other browsers.
<!--<![endif]-->
<!--[if IE 9]>-->
This is revealed in specified versions of IE 5-9, and in all other browsers.
<!--<![endif]-->
<!--[if !IE]>-->
This is not revealed in IE 5-9. It's still revealed in other browsers.
<!--<![endif]-->
Leerzeichen zwischen Inline-Elementen auskommentieren
Inline-Anzeigeelemente, in der Regel " span oder " a , enthalten bis zu ein Leerzeichen vor und nach ihnen im Dokument. Um sehr lange Zeilen in der Markierung (die schwer lesbar sind) und unbeabsichtigte Leerräume (die sich auf die Formatierung auswirken) zu vermeiden, können die Leerräume auskommentiert werden.
<!-- Use an HTML comment to nullify the newline character below: -->
<a href="#">I hope there will be no extra whitespace after this!</a><!--
--><button>Foo</button>
Versuchen Sie es ohne Kommentar zwischen den Inline-Elementen, und es gibt ein Leerzeichen zwischen ihnen. Manchmal ist das Abheben des Leerzeichens erwünscht.
Beispielcode:
<!-- Use an HTML comment to nullify the newline character below: -->
<a href="#">I hope there will be no extra whitespace after this!</a><!--
--><button>Foo</button>
<hr>
<!-- Without it, you can notice a small formatting difference: -->
<a href="#">I hope there will be no extra whitespace after this!</a>
<button>Foo</button>
Ausgabe:
