Sonderzeichen richtig schreiben: &, <, © und Umlaute

~7 Min. Lesezeit Zuletzt aktualisiert am 8. August 2026

Du hast schon zweimal © benutzt, ohne dass wir genau erklärt haben, was da eigentlich passiert. Zeit, das nachzuholen: Das sind sogenannte Entities.

Das Problem mit spitzen Klammern

Du weißt: < und > haben für den Browser eine besondere Bedeutung - sie markieren den Anfang und das Ende eines Tags. Aber was, wenn du wirklich das Zeichen < als sichtbaren Text auf deiner Seite anzeigen willst, zum Beispiel um über HTML-Code zu schreiben? Wenn du es einfach so hinschreibst, verwechselt der Browser es mit einem echten Tag-Anfang!

Die Lösung: Entities

Eine Entity ist eine spezielle Zeichenfolge, die mit & beginnt und mit ; endet. Der Browser wandelt sie automatisch in das gemeinte Zeichen um. Die drei wichtigsten:

&lt; steht für <
&gt; steht für >
&amp; steht für &

Achtung: Beachte den letzten: Auch das kaufmännische Und-Zeichen & selbst muss als Entity geschrieben werden, weil & ja der Beginn jeder Entity ist! Deshalb & für ein sichtbares &-Zeichen.

Weitere nützliche Entities

&copy;    steht für ©  (Copyright-Zeichen)
&nbsp;    steht für ein Leerzeichen, das NICHT umbrochen wird
&euro;    steht für €
&hellip;  steht für … (drei Punkte)

  ("non-breaking space") ist besonders nützlich, wenn zwei Wörter unbedingt in derselben Zeile bleiben sollen, zum Beispiel bei "15 Uhr" - so wird verhindert, dass die Zahl und die Einheit an einem zufälligen Zeilenende auseinandergerissen werden.

Umlaute: ein Sonderfall

Gute Nachricht: Weil du in Kapitel 4 <meta charset="UTF-8"> gelernt hast, kannst du deutsche Umlaute (ä, ö, ü, ß) und andere Sonderzeichen ganz normal direkt in deinen Text tippen - du brauchst dafür KEINE Entities. Vor UTF-8 mussten Webentwickler auch für Umlaute Entities benutzen (ä für ä zum Beispiel), aber das ist heutzutage praktisch nie mehr nötig.

Tipp: Merke dir vor allem die drei wichtigsten Entities auswendig: <, >, &. Alle anderen kannst du bei Bedarf einfach im Internet nachschlagen ("HTML Entity für [Zeichen]").

Ein Beispiel: HTML-Code auf der eigenen Seite zeigen

Wenn du zum Beispiel auf deiner Seite erklären willst, wie ein HTML-Tag aussieht, brauchst du Entities:

<p>Eine Überschrift schreibt man in HTML so: &lt;h1&gt;Text&lt;/h1&gt;</p>

Das zeigt im Browser tatsächlich den Text <h1>Text</h1> an, statt eine echte Überschrift zu erzeugen.

Vorheriges Kapitel Meta-Informationen im head: title, charset, viewport, description Nächstes Kapitel Barrierefreiheit: warum alt-Texte und gute Struktur allen helfen