HTML-Entitaeten: Sonderzeichen-Referenz

Was sind HTML-Entitaeten?

HTML-Entitaeten sind spezielle Zeichenfolgen, die bestimmte Zeichen in HTML darstellen. Sie beginnen mit einem Kaufmanns-Und und enden mit einem Semikolon. Zum Beispiel steht &amp; fuer das Kaufmanns-Und (&), &lt; fuer das Kleiner-als-Zeichen (<) und &gt; fuer das Groesser-als-Zeichen (>).

Entitaeten sind notwendig, weil bestimmte Zeichen in HTML eine syntaktische Bedeutung haben. Ein < leitet ein HTML-Tag ein. Wenn Sie das Zeichen < als Text auf der Seite anzeigen moechten, muessen Sie die Entitaet &lt; verwenden, damit der Browser es nicht als Tag-Anfang interpretiert.

Reservierte Zeichen in HTML

Fuenf Zeichen muessen in HTML als Entitaeten geschrieben werden, wenn sie als Text erscheinen sollen:

• &amp; — Kaufmanns-Und (&). Leitet in HTML eine Entitaet ein.
• &lt; — Kleiner-als (<). Oeffnet in HTML ein Tag.
• &gt; — Groesser-als (>). Schliesst in HTML ein Tag.
• &quot; — Anfuehrungszeichen ("). Begrenzt Attributwerte in HTML.
• &apos; — Apostroph ('). Kann in bestimmten Kontexten problematisch sein.

In der Praxis muessen Sie &amp; und &lt; am haeufigsten verwenden. Das Groesser-als-Zeichen ist nur in bestimmten Kontexten problematisch, aber es ist gute Praxis, es ebenfalls als Entitaet zu schreiben.

Umlaute und deutsche Sonderzeichen

Fuer deutsche Webseiten sind die Umlaut-Entitaeten besonders relevant: &auml; fuer ae, &ouml; fuer oe, &uuml; fuer ue und &szlig; fuer das Eszett. In modernem HTML mit UTF-8-Kodierung koennen Umlaute direkt geschrieben werden — Entitaeten sind dann nicht zwingend noetig.

Dennoch gibt es Situationen, in denen Entitaeten auch bei UTF-8 nuetzlich sind: in E-Mail-Templates (nicht alle Clients unterstuetzen UTF-8 zuverlaessig), in XML-Dateien und in Kontexten, in denen die Kodierung unsicher ist.

Typographische Zeichen wie &mdash; (Gedankenstrich), &ndash; (Halbgeviertstrich), &euro; (Eurozeichen) und &copy; (Copyright) sind ebenfalls als Entitaeten verfuegbar und verbessern die typographische Qualitaet Ihrer Texte.

Numerische Entitaeten und Unicode

Neben benannten Entitaeten gibt es numerische Entitaeten in dezimaler und hexadezimaler Form. &#169; und &#xA9; sind beide aequivalent zu &copy;. Numerische Entitaeten koennen jedes Unicode-Zeichen darstellen, auch solche ohne benannte Entitaet.

Dies ist nuetzlich fuer Zeichen aus anderen Schriftsystemen, Emojis und selten verwendete Symbole. &#128512; erzeugt beispielsweise ein Grinse-Emoji, und &#9829; ein Herzsymbol.

HTML-Entitaeten enkodieren

Unser HTML-Entitaeten-Kodierer wandelt Sonderzeichen in ihre HTML-Entitaeten um und umgekehrt. Fuegen Sie Ihren Text ein und erhalten Sie den HTML-sicheren Code. Ideal fuer Webentwickler, die HTML-Code in Blogposts zeigen, E-Mail-Templates erstellen oder mit Sonderzeichen arbeiten.