HTML-Entities

Es gibt viele Symbole, die auf einer Standardtastatur nicht vorhanden sind (mathematische, technische, Währungssymbole usw.). Außerdem gibt es Symbole, die nicht direkt verwendet werden können, weil sie zu Verwechslungen führen. Zum Beispiel kann > nicht direkt eingesetzt werden, da dieses Symbol in HTML als Tag-Begrenzer geparst wird und der Browser es nicht als Text anzeigt.

In HTML zeigen Entities reservierte Zeichen an, die mit HTML-Code verwechselt werden könnten, oder unsichtbare Zeichen wie geschützte Leerzeichen. Sie stellen auch Zeichen dar, die schwer oder gar nicht mit der Tastatur eingegeben werden können.

Jede Entity beginnt mit einem kaufmännischen Und-Zeichen (&) und endet mit einem Semikolon (;). Das Semikolon ist erforderlich – ohne es erkennt der Browser die Entity möglicherweise gar nicht.

Benannte, dezimale und hexadezimale Referenzen

Es gibt drei Möglichkeiten, dasselbe Zeichen zu schreiben. Alle drei der folgenden Varianten erzeugen ein kaufmännisches Und-Zeichen (&):

Eine benannte Referenz (wie &) ist leicht zu lesen und zu merken, aber es ist nur ein fester Satz von Namen definiert. Eine numerische Referenz kann jedes Unicode-Zeichen anhand seines Code-Points darstellen – dezimal (&) oder hexadezimal (&). Die Dezimalzahl 38 und die Hex-Zahl 26 sind nur zwei Schreibweisen desselben Code-Points. Numerische Referenzen sind nützlich, wenn keine benannte Entity für das benötigte Zeichen existiert.

Entity-Namen unterscheiden Groß- und Kleinschreibung: & funktioniert, & jedoch nicht.

Zum Beispiel:

<p>5 &lt; 10 and 10 &gt; 5</p>
<title>HTML entities &amp; symbols</title>
<p>Snowman: &#9731; or &#x2603;</p>

Wann Entities erforderlich sind

Nicht jedes Sonderzeichen muss mit einer Entity maskiert werden – die meisten können direkt eingegeben werden. Entities sind nur dann erforderlich, wenn ein Zeichen andernfalls als Markup geparst würde oder wenn ein unsichtbares Zeichen benötigt wird, das ein normales Leerzeichen nicht bietet:

• < — maskiert <, damit der Browser es nicht als Tag-Anfang liest.
• > — maskiert > (aus Symmetriegründen empfohlen, obwohl es nur in bestimmten Kontexten zwingend erforderlich ist).
• & — maskiert &, damit es nicht als Anfang einer weiteren Entity gelesen wird.
• " — maskiert ein doppeltes Anführungszeichen innerhalb eines Attributwerts, der selbst in doppelte Anführungszeichen eingeschlossen ist.
•   — ein geschütztes Leerzeichen, das verwendet wird, um zwei Wörter in derselben Zeile zu halten.

Um beispielsweise zu verhindern, dass eine Bezeichnung und eine Jahreszahl auf zwei Zeilen aufgeteilt werden, wird ein geschütztes Leerzeichen verwendet:

<p>Copyright&nbsp;2024</p>

Der Browser rendert dies als normales Leerzeichen, aber es wird niemals einen Zeilenumbruch zwischen „Copyright" und „2024" einfügen.

Häufig verwendete Zeichen-Entities in HTML

Von HTML unterstützte mathematische Symbole

Von HTML unterstützte griechische Buchstaben

Weitere von HTML unterstützte Entities

Geschütztes Leerzeichen

Das geschützte Leerzeichen ( ) ist eine der am häufigsten verwendeten Zeichen-Entities in HTML. Es ist ein Leerzeichen, das keinen Zeilenumbruch verursacht. Das bedeutet, dass zwei Wörter, die durch ein geschütztes Leerzeichen getrennt sind, zusammenbleiben. Außerdem verhindert das geschützte Leerzeichen, dass Browser mehrere Leerzeichen zu einem einzigen zusammenfassen.

Die vollständige Liste der Code-Points und wie Zeichen auf Zahlen abgebildet werden, finden Sie in der HTML Unicode Reference.

Diakritische Zeichen

Wenn wir von einem diakritischen Zeichen sprechen, meinen wir eine „Glyphe", die einem Buchstaben hinzugefügt wird. Einige dieser Zeichen, wie der Gravis (̀) und der Akut (́), werden Akzente genannt. Diakritische Zeichen können oberhalb oder unterhalb eines Buchstabens, zwischen zwei Buchstaben oder innerhalb eines Buchstabens erscheinen.

Hier ist eine Liste mit einigen diakritischen Zeichen:

Übung