Kommentare beschreiben den programmierten Code. Es kann helfen, wenn man den Code zu einem späteren Zeitpunkt editieren möchte.
Kommentare werden vom Browser ignoriert.
Ein CSS-Kommentare ist platiziert innerhalb des
<style>
-Element, es beginnt mit /* und endet mit */:
Das ist ein einzeiliger Kommentar.
<!DOCTYPE html>
<html>
<head>
<style>
/* Dies ist ein einzeiliger Kommentar */
p {
color: dodgerblue;
}
</style>
</head>
<body>
<p>Dieser Absatz ist gestylt mit CSS.</p>
<p>CSS Kommentare werden in der Ausgabe nicht angezeigt.</p>
</body>
</html>
Das ist ein einzeiliger Kommentar und er kann irgendwo im Code hinzugefügt werden.
<!DOCTYPE html>
<html>
<head>
<style>
p {
color: dodgerblue; /* Dies ist ein einzeiliger Kommentar */
}
</style>
</head>
<body>
<p>Dieser Absatz ist gestylt mit CSS.</p>
<p>CSS Kommentare werden in der Ausgabe nicht angezeigt.</p>
</body>
</html>
Dieser Kommentar erstreckt sich über mehrere Zeilen.
<!DOCTYPE html>
<html>
<head>
<style>
/*
Dies ist
ein mehrzeiliger
Kommentar
*/
p {
color: dodgerblue;
}
</style>
</head>
<body>
<p>Dieser Absatz ist gestylt mit CSS.</p>
<p>CSS Kommentare werden in der Ausgabe nicht angezeigt.</p>
</body>
</html>
In HTML wird ein Kommentar folgendermassen hinzugefügt:
<!--...--> Syntax.
Im folgenden Beispiel werden HTML- und CSS Kommentare kombiniert:
<!DOCTYPE html>
<html>
<head>
<style>
/* Dies ist ein einzeiliger Kommentar */
p {
color: orange;
}
</style>
</head>
<body>
<!-- Das ist ein Absatz der orange formatiert wird -->
<p>Dieser Absatz ist gestylt mit CSS.</p>
<p>CSS Kommentare werden in der Ausgabe nicht angezeigt.</p>
