HTML Entities: Alle wichtigen Entitäten im Überblick

HTML Entities werden genutzt, um für den Code reservierte Zeichen oder Sonderzeichen bei der Ausgabe zu berücksichtigen. Die Entitäten sind klar abgegrenzte Zeichenfolgen, die dem Browser signalisieren, dass ein bestimmtes Zeichen ausgegeben werden soll.

Was sind HTML Entities?

HTML Entities bieten die Möglichkeit, bestimmte Zeichen in einem HTML-Dokument auszudrücken, die …

  • … nicht natürlich bei der genutzten Eingabemethode zur Verfügung stehen bzw. schwer einzugeben sind.
  • … für HTML reserviert sind und eine eigene Funktion bei der Codierung erfüllen.

Um diese Schriftzeichen trotzdem abbilden zu können, ohne den Code zu beschädigen, werden diese eindeutig abgrenzbaren Zeichenfolgen genutzt. Man unterscheidet dabei zwischen benannten Entitäten (Entity names) und numerischen Entitäten (Entity numbers). Während benannte HTML Entities leichter zu lesen und zu merken sind, sind numerische Entities besonders dann wichtig, wenn es keine benannte Variante gibt.

Webhosting
Top-Hosting für Ihre Website
  • 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

Benannte HTML Entities

Benannte HTML Entities haben das folgende Format:

&entity_name;
html

Um beispielsweise das kaufmännische Und & abzubilden, muss es im Code als & (für das englische Wort ampersand) hinterlegt werden. Folgendes Beispiel verdeutlicht den Einsatz der Entity:

<!DOCTYPE html>
<html>
<body>
<h1>Beispiel für eine benannte Entität</h1>
<h2>Das kaufmännische Und sieht so aus: &amp;</h2>
</body>
</html>
html
Hinweis

Die Schreibweise dieser HTML Entities ist case-sensitive. Groß- und Kleinschreibung müssen also unbedingt beachtet werden.

Numerische HTML Entities

Numerische HTML Entities werden in diesem Format eingesetzt:

&#entity_number;
html

Anstelle von entity_number ist der jeweilige Unicode-Wert des gewünschten Zeichens einzusetzen. Möchten Sie das kaufmännische Und schreiben, ist die Zeichenfolge &#38; die richtige Wahl. So sieht diese Version im Code aus:

<!DOCTYPE html>
<html>
<body>
<h1>Beispiel für eine numerische Entität</h1>
<h2>Das kaufmännische Und sieht so aus: &#38;</h2>
</body>
</html>
html
Domain kaufen
Registrieren Sie Ihre perfekte Domain
  • Inklusive Wildcard-SSL-Zertifikat
  • Inklusive Domain Lock
  • Inklusive 2 GB E-Mail-Postfach

HTML Entities: Listen der wichtigsten Entitäten

Egal, ob Sie gerade erst anfangen, HTML zu lernen oder ob Sie die Auszeichnungssprache bereits seit längerer Zeit nutzen: Eine Liste der wichtigsten HTML Entities ist in jedem Fall eine hilfreiche Ergänzung. In den nachfolgenden Abschnitten finden Sie einige der meistgenutzten Entitäten.

Satzzeichen

Zeichen Beschreibung Benannt Numerisch
Leerzeichen ohne Zeilenumbruch &nbsp; &#160;
. Punkt &period; &#46;
, Komma &comma; &#44;
! Ausrufezeichen &excl; &#33;
? Fragezeichen &quest; &#63;
& Kaufmännisches Und &amp; &#38;
“ Anführungsstriche oben &quot; &#34;
’ Apostroph &apos; &#39;
# Raute &num; &#35;
( Klammer auf &lpar; &#40;
) Klammer zu &rpar; &#41;
% Prozentzeichen &percnt; &#37;
§ Paragraphenzeichen &sect; &#167;

Sonderzeichen

Zeichen Beschreibung Benannt Numerisch
© Copyright &copy; &#169;
® Registrierte Marke &reg; &#174;
™ Trademark &trade; &#8482;
@ At-Zeichen &commat; &#64;
♀ Zeichen für Frau &female; &#9792;
♂ Zeichen für Mann &male; &#9794;
Häkchen &check; &#10003;
Kreuzchen &cross; &#10007;

Mathematische Symbole

Zeichen Beschreibung Benannt Numerisch
+ Pluszeichen &plus; &#43;
− Minuszeichen &minus; &#8722;
× Multiplikationszeichen &times; &#215;
÷ Divisionszeichen &divide; &#247;
= Gleichzeichen &equals; &#61;
< Kleiner als &lt; &#60;
> Größer als &gt; &#62;

Währungen

Zeichen Beschreibung Benannt Numerisch
€ Euro &euro; &#8364;
¢ Cent &cent; &#162;
$ Dollar &dollar; &#36;
£ Pfund &pound; &#163;
¥ Yen &yen; &#165;

Umlaute

Zeichen Beschreibung Benannt Numerisch
Ä Großes Ä &Auml; &#196;
ä Kleines ä &auml; &#228;
Ö Großes Ö &Ouml; &#214;
ö Kleines ö &ouml; &#246;
Ü Großes Ü &Uuml; &#220;
ü Kleines ü &uuml; &#252;
Tipp

An anderer Stelle im Digital Guide finden Sie viele weitere Ratgeber rund um die Hypertext Markup Language (HTML). Hier erklären wir Ihnen zum Beispiel auch, was HTML-Tags sind, welche Besonderheiten HTML5 hat und wie der Einstieg in CSS gelingt.

War dieser Artikel hilfreich?