HTML Entities werden genutzt, um für den Code re­ser­vier­te Zeichen oder Son­der­zei­chen bei der Ausgabe zu be­rück­sich­ti­gen. Die Entitäten sind klar ab­ge­grenz­te Zei­chen­fol­gen, die dem Browser si­gna­li­sie­ren, dass ein be­stimm­tes Zeichen aus­ge­ge­ben werden soll.

Was sind HTML Entities?

HTML Entities bieten die Mög­lich­keit, bestimmte Zeichen in einem HTML-Dokument aus­zu­drü­cken, die …

  • … nicht natürlich bei der genutzten Ein­ga­be­me­tho­de zur Verfügung stehen bzw. schwer ein­zu­ge­ben sind.
  • … für HTML re­ser­viert sind und eine eigene Funktion bei der Codierung erfüllen.

Um diese Schrift­zei­chen trotzdem abbilden zu können, ohne den Code zu be­schä­di­gen, werden diese eindeutig ab­grenz­ba­ren Zei­chen­fol­gen genutzt. Man un­ter­schei­det dabei zwischen benannten Entitäten (Entity names) und nu­me­ri­schen Entitäten (Entity numbers). Während benannte HTML Entities leichter zu lesen und zu merken sind, sind nu­me­ri­sche Entities besonders dann wichtig, wenn es keine benannte Variante gibt.

Web­hos­ting
Das beste Web­hos­ting zum Spit­zen­preis
  • 3x schneller und 60 % günstiger
  • Maximale Ver­füg­bar­keit mit > 99.99 %
  • Nur bei IONOS: Bis zu 500 GB Spei­cher­platz inklusive

Benannte HTML Entities

Benannte HTML Entities haben das folgende Format:

&entity_name;
html

Um bei­spiels­wei­se das kauf­män­ni­sche Und & ab­zu­bil­den, muss es im Code als & (für das englische Wort ampersand) hin­ter­legt werden. Folgendes Beispiel ver­deut­licht 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 Schreib­wei­se dieser HTML Entities ist case-sensitive. Groß- und Klein­schrei­bung müssen also unbedingt beachtet werden.

Nu­me­ri­sche HTML Entities

Nu­me­ri­sche HTML Entities werden in diesem Format ein­ge­setzt:

&#entity_number;
html

Anstelle von entity_number ist der jeweilige Unicode-Wert des ge­wünsch­ten Zeichens ein­zu­set­zen. Möchten Sie das kauf­män­ni­sche Und schreiben, ist die Zei­chen­fol­ge &#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
Re­gis­trie­ren Sie Ihre perfekte Domain
  • Inklusive 1 SSL-Wildcard-Zer­ti­fi­kat pro Vertrag
  • Inklusive Domain Lock
  • Inklusive Domain Connect für einfache DNS-Ein­rich­tung

HTML Entities: Listen der wich­tigs­ten Entitäten

Egal, ob Sie gerade erst anfangen, HTML zu lernen oder ob Sie die Aus­zeich­nungs­spra­che bereits seit längerer Zeit nutzen: Eine Liste der wich­tigs­ten HTML Entities ist in jedem Fall eine hilf­rei­che Ergänzung. In den nach­fol­gen­den Ab­schnit­ten finden Sie einige der meist­ge­nutz­ten Entitäten.

Satz­zei­chen

Zeichen Be­schrei­bung Benannt Numerisch
Leer­zei­chen ohne Zei­len­um­bruch &nbsp; &#160;
. Punkt &period; &#46;
, Komma &comma; &#44;
! Aus­ru­fe­zei­chen &excl; &#33;
? Fra­ge­zei­chen &quest; &#63;
& Kauf­män­ni­sches Und &amp; &#38;
“ An­füh­rungs­stri­che oben &quot; &#34;
’ Apostroph &apos; &#39;
# Raute &num; &#35;
( Klammer auf &lpar; &#40;
) Klammer zu &rpar; &#41;
% Pro­zent­zei­chen &percnt; &#37;
§ Pa­ra­gra­phen­zei­chen &sect; &#167;

Son­der­zei­chen

Zeichen Be­schrei­bung Benannt Numerisch
© Copyright &copy; &#169;
® Re­gis­trier­te 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;

Ma­the­ma­ti­sche Symbole

Zeichen Be­schrei­bung Benannt Numerisch
+ Plus­zei­chen &plus; &#43;
− Mi­nus­zei­chen &minus; &#8722;
× Mul­ti­pli­ka­ti­ons­zei­chen &times; &#215;
÷ Di­vi­si­ons­zei­chen &divide; &#247;
= Gleich­zei­chen &equals; &#61;
< Kleiner als &lt; &#60;
> Größer als &gt; &#62;

Währungen

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

Umlaute

Zeichen Be­schrei­bung 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 Be­son­der­hei­ten HTML5 hat und wie der Einstieg in CSS gelingt.

Zum Hauptmenü