Wie funktionieren HTML-Kommentare?
IONOS Redaktion3 mins
HTML-Kommentare sind Textabschnitte innerhalb von HTML-Dokumenten, die vom Browser ignoriert und nicht auf der Website angezeigt werden. Sie dienen dazu, den Code für Entwickelnde verständlicher zu machen, Anmerkungen zu hinterlassen und temporär Code zu deaktivieren.
- Flexibel: Hosting, das jedem Website-Traffic standhält
- Verlässlich: Inklusive 24/7-Support und persönlicher Beratung
- Sicher: Kostenloses SSL-Zertifikat, DDoS-Schutz und Backups
Was sind HTML Comments und wie kann man sie einfügen?
Ein HTML-Kommentar ist eine spezielle Markierung, die es Programmierinnen und Programmierern ermöglicht, eine Art von Notizen im Code zu hinterlassen. Diese Notizen werden nicht von Webbrowsern gerendert und sind daher unsichtbar für die Endnutzenden. Um einen Kommentar in HTML zu erstellen, verwendet man die Syntax <!-- Kommentarinhalt -->. Im Folgenden finden Sie ein einfaches Beispiel, das zeigt, wie man einen Kommentar in ein HTML-Dokument einfügt:
<!DOCTYPE html>
<html lang="de">
<head>
<meta charset="UTF-8">
<title>Beispielseite</title>
</head>
<body>
<!-- Dies ist ein Kommentar. Er wird nicht im Browser angezeigt -->
<h1>Hallo Welt!</h1>
<!-- <p>Dieser Text wird nicht im Browser angezeigt.</p> -->
</body>
</html>Im obigen Beispiel werden der erste Kommentar und der Kommentar um den HTML-Paragraphen vom Browser ignoriert, sodass nur der Text innerhalb der HTML-Überschrift angezeigt wird.
Beachten Sie, dass es in HTML keine spezielle Syntax für mehrzeilige Kommentare gibt. Man kann jedoch einfach mehrere Zeilen innerhalb eines einzigen Kommentars verwenden. Dies ist besonders nützlich, wenn längere Erklärungen oder Notizen notwendig sind. Mehrzeilige Kommentare beginnen und enden wie einzeilige Kommentare, der Text dazwischen kann beliebig viele Zeilen umfassen.
Kommentare sind eines der ersten Dinge, die Ihnen beim Erlernen von HTML über den Weg laufen werden. Worauf Sie sonst noch achten müssen, wenn Sie Websites mit HTML programmieren möchte, erfahren Sie in unseren großen HTML-Einstiegs-Tutorial.
Wozu braucht man HTML Comments?
HTML-Kommentare sind ein wesentliches Hilfsmittel in der Webentwicklung. Sie haben mehrere wichtige Funktionen:
- Dokumentation: Kommentare helfen dabei, den Code zu dokumentieren, sodass andere Entwicklerinnen und Entwickler oder das zukünftige Selbst den Zweck und die Funktionsweise bestimmter Codeabschnitte leichter verstehen können.
- Code deaktivieren: Programmierende können Teile des Codes oder HTML-Tags temporär deaktivieren, ohne sie löschen zu müssen. Dies ist besonders nützlich bei der Fehlersuche bzw. beim Debugging oder bei Experimenten.
- Organisation: Große HTML-Dokumente können durch den Einsatz von HTML-Kommentaren strukturiert und organisiert werden. Dies erleichtert die Navigation und die Bearbeitung des Codes.
- Anmerkungen: Entwicklerinnen und Entwickler können bei Bedarf persönliche Notizen im Code hinterlassen.
Wichtige Hinweise zur Verwendung von HTML Comments
Bei der Verwendung eines HTML-Kommentars müssen Programmierende einige Dinge beachten. Insbesondere sind keine verschachtelten Kommentare möglich. Das bedeutet, dass ein Kommentar nicht innerhalb eines anderen Kommentars platziert werden kann. Dies würde zu einem Fehler führen. Betrachten Sie zur Veranschaulichung folgendes Beispiel:
<!--
Dies ist ein Kommentar.
<!-- Dies ist ein verschachtelter Kommentar und verursacht einen Fehler. -->
-->Beim Erstellen von Kommentaren sollten außerdem Good Practices beachtet werden. In erster Linie sollten Kommentare klar und prägnant sein, um die Lesbarkeit des Codes zu verbessern. Lange Kommentare können den Code unübersichtlich machen. Überflüssige Kommentare sollten vermieden werden. Darüber hinaus gilt: Im besten Fall erklärt sich Code von selbst. Kommentare sind eine hilfreiche Ergänzung, ersetzen allerdings keinen sauberen Stil beim Programmieren.
- Inklusive Wildcard-SSL-Zertifikat
- Inklusive Domain Lock
- Inklusive 2 GB E-Mail-Postfach
