Kommentare in HTML: Notizen, die niemand sieht

Bevor wir mit richtigem Inhalt loslegen, lernst du noch ein kleines, aber sehr nützliches Werkzeug kennen: Kommentare. Ein Kommentar ist ein Stück Text im Code, das der Browser komplett ignoriert - er wird auf der Webseite nirgendwo angezeigt.

Die Schreibweise

Ein HTML-Kommentar sieht so aus:

<!-- Das ist ein Kommentar, ihn sieht niemand auf der Webseite -->

Alles zwischen  wird ignoriert. Du kannst Kommentare auch über mehrere Zeilen schreiben:

<!--
  Diese Webseite gehört Finn.
  Zuletzt bearbeitet: heute
-->

Wofür man Kommentare benutzt

Kommentare sind besonders für zwei Dinge nützlich:

Sich selbst Notizen hinterlassen: "Hier später noch ein Foto einfügen" oder "Diesen Abschnitt nochmal überprüfen".
Code vorübergehend deaktivieren: Wenn du testen willst, wie die Seite ohne eine bestimmte Zeile aussieht, kannst du sie einfach in einen Kommentar einpacken, statt sie zu löschen. So kannst du sie später leicht wiederherstellen.

Probiere es aus - füge in deiner index.html innerhalb von <body> einen Kommentar hinzu:

index.html

<body>

  <!-- TODO: hier später eine Beschreibung ergänzen -->
  <h1>Willkommen auf meiner Webseite!</h1>

</body>

Speichere und lade die Seite im Browser neu. Der Kommentar verändert nichts an dem, was du siehst - er ist wirklich komplett unsichtbar für Besucher deiner Webseite.

Tipp: In VS Code kannst du eine markierte Zeile mit der Tastenkombination Strg+7 (Windows/Linux) oder Cmd+7 (Mac) automatisch in einen Kommentar umwandeln - und mit derselben Tastenkombination auch wieder zurück. Das spart Tippen.