HTML-Kommentare
Sie können bereits Überschriften und Absätze schreiben, die Besucher sehen. Manchmal brauchen Sie eine Notiz für sich oder Ihr Team, die nicht auf der Seite erscheinen soll. HTML-Kommentare lösen das. Diese Lektion zeigt die Kommentar-Syntax und wann Sie sie vorsichtig nutzen.
Was ist ein HTML-Kommentar?
Ein HTML-Kommentar ist Text zwischen <!-- und -->. Der Browser parst ihn als Kommentar und zeigt ihn nicht als sichtbaren Seiteninhalt. Kommentare eignen sich für kurze Erinnerungen, Abschnittsmarken in der Quelle oder zum vorübergehenden Abschalten eines Markup-Stücks beim Testen.
Direkte Antwort
Schreiben Sie einen Kommentar so: <!-- Ihre Notiz hier -->. Alles zwischen öffnendem <!-- und schließendem --> bleibt in der Quelldatei, wird aber nicht als normaler Text, Überschrift oder Absatz für Besucher gerendert. Öffnen Sie View Source oder DevTools, wenn Sie prüfen wollen, ob der Kommentar noch in der Datei ist.
Ein einfacher Kommentar
html<!-- Diese Notiz ist nur für Entwickler -->
<p>Dieser Absatz ist auf der Seite sichtbar.</p>Das Beispiel lesen
- Die erste Zeile ist ein Kommentar — Besucher sehen diesen Satz nicht auf der Seite
- Der Absatz darunter ist normaler sichtbarer Inhalt
- Beide Zeilen bleiben beim Speichern in der HTML-Datei
Mehrzeilige Kommentare und vorübergehendes Ausblenden
Kommentare können mehr als eine Zeile umfassen. Ein häufiger Anfängergebrauch ist, einen Block vorübergehend einzuhüllen statt ihn zu löschen. Später können Sie die Kommentarzeichen entfernen, um das Markup zurückzubringen. Halten Sie temporäre Blöcke kurz, damit die Datei lesbar bleibt.
Einen Block auskommentieren
html<h1>Sichtbarer Titel</h1>
<!--
<p>Dieser Absatz ist beim Testen versteckt.</p>
<p>Dieser auch.</p>
-->
<p>Dieser Absatz wird weiterhin angezeigt.</p>Kommentare sind keine Sicherheit
Jeder kann View Source öffnen und Ihre Kommentare lesen. Legen Sie keine Passwörter, privaten Schlüssel oder geheimen API-Token in HTML-Kommentare. Kommentare sind für Entwicklungsnotizen, nicht zum Verstecken sensibler Daten.
Selbst ausprobieren
- Öffnen Sie Ihre HTML-Übungsdatei
- Fügen Sie über einem Absatz einen kurzen Kommentar hinzu, der den Zweck erklärt
- Wickeln Sie einen Absatz in einen mehrzeiligen Kommentar, um ihn vorübergehend zu verstecken
- Speichern und öffnen Sie die Seite — nur unkommentierter Inhalt soll sichtbar sein
- Prüfen Sie mit View Source (oder dem Editor), dass der Kommentartext noch in der Datei ist
Häufige Fehler
- Das schließende
-->vergessen, sodass späterer Inhalt verschwindet oder bricht - Passwörter oder Geheimnisse in Kommentare legen
- Sehr große auskommentierte Blöcke lange in Produktionsseiten lassen
- Erwarten, dass Kommentare Inhalt vor View Source verstecken (tun sie nicht)
- Kommentare statt echter Überschriften oder Absätze für Besucherstext nutzen
Zusammenfassung
- HTML-Kommentare nutzen
<!--und--> - Kommentartext wird nicht als sichtbarer Seiteninhalt gezeigt
- Nutzen Sie Kommentare für Notizen, Abschnitts-Hinweise oder kurzes vorübergehendes Verstecken
- Mehrzeilige Kommentare können beim Testen einen kleinen Block umschließen
- Kommentare sind in der Quelle sichtbar — speichern Sie dort nie Geheimnisse
- Bevorzugen Sie klares Live-Markup für Text, den Besucher lesen sollen
🧠 Testen Sie Ihr Wissen
Testen Sie Ihr Wissen
Fordern Sie sich mit diesem interaktiven Quiz heraus und sehen Sie, wie gut Sie das Thema verstehen
📝 Anweisungen
- Lesen Sie jede Frage sorgfältig
- Wählen Sie die beste Antwort für jede Frage
- Sie können das Quiz so oft wiederholen, wie Sie möchten
- Ihr Fortschritt wird oben angezeigt