# 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.

### Benannte HTML Entities

Benannte HTML Entities haben das folgende Format:

```html
&entity_name;
```

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

```html

<html>
<body>
<h1>Beispiel für eine benannte Entität</h1>
<h2>Das kaufmännische Und sieht so aus: &amp;</h2>
<div class="hash d-none" hidden>hash_383695de79f289ccfe44981903172fb5afb6df5a</div><script data-shy-copy-guard>(function(){var C=[0x00AD,0x200B,0x200C,0x200D,0x2060,0xFEFF];var s=function(t){for(var i=0;i<C.length;i++){t=t.split(String.fromCharCode(C[i])).join("");}return t;};document.addEventListener("copy",function(e){var sel=document.getSelection();if(!sel||sel.isCollapsed||!e.clipboardData){return;}e.clipboardData.setData("text/plain",s(sel.toString()));try{var d=document.createElement("div");d.appendChild(sel.getRangeAt(0).cloneContents());e.clipboardData.setData("text/html",s(d.innerHTML));}catch(x){}e.preventDefault();});})();</script></body>
</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:

```html
&#entity_number;
```

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:

```html

<html>
<body>
<h1>Beispiel für eine numerische Entität</h1>
<h2>Das kaufmännische Und sieht so aus: &#38;</h2>
<div class="hash d-none" hidden>hash_383695de79f289ccfe44981903172fb5afb6df5a</div><script data-shy-copy-guard>(function(){var C=[0x00AD,0x200B,0x200C,0x200D,0x2060,0xFEFF];var s=function(t){for(var i=0;i<C.length;i++){t=t.split(String.fromCharCode(C[i])).join("");}return t;};document.addEventListener("copy",function(e){var sel=document.getSelection();if(!sel||sel.isCollapsed||!e.clipboardData){return;}e.clipboardData.setData("text/plain",s(sel.toString()));try{var d=document.createElement("div");d.appendChild(sel.getRangeAt(0).cloneContents());e.clipboardData.setData("text/html",s(d.innerHTML));}catch(x){}e.preventDefault();});})();</script></body>
</html>
```

## HTML Entities: Listen der wichtigsten Entitäten

Egal, ob Sie gerade erst anfangen, [HTML zu lernen](https://www.ionos.at/digitalguide/websites/web-entwicklung/html-lernen-das-grosse-einsteiger-tutorial/) 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

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

### Sonderzeichen

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

### Mathematische Symbole

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

### Währungen

<table>
  <thead>
    <tr>
      <th>Zeichen</th>
      <th>Beschreibung</th>
      <th>Benannt</th>
      <th>Numerisch</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>€</td>
      <td>Euro</td>
      <td>`&euro;`</td>
      <td>`&#8364;`</td>
    </tr>
    <tr>
      <td>¢</td>
      <td>Cent</td>
      <td>`&cent;`</td>
      <td>`&#162;`</td>
    </tr>
    <tr>
      <td>$</td>
      <td>Dollar</td>
      <td>`&dollar;`</td>
      <td>`&#36;`</td>
    </tr>
    <tr>
      <td>£</td>
      <td>Pfund</td>
      <td>`&pound;`</td>
      <td>`&#163;`</td>
    </tr>
    <tr>
      <td>¥</td>
      <td>Yen</td>
      <td>`&yen;`</td>
      <td>`&#165;`</td>
    </tr>
  </tbody>
</table>

### Umlaute

<table>
  <thead>
    <tr>
      <th>Zeichen</th>
      <th>Beschreibung</th>
      <th>Benannt</th>
      <th>Numerisch</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>Ä</td>
      <td>Großes Ä</td>
      <td>`&Auml;`</td>
      <td>`&#196;`</td>
    </tr>
    <tr>
      <td>ä</td>
      <td>Kleines ä</td>
      <td>`&auml;`</td>
      <td>`&#228;`</td>
    </tr>
    <tr>
      <td>Ö</td>
      <td>Großes Ö</td>
      <td>`&Ouml;`</td>
      <td>`&#214;`</td>
    </tr>
    <tr>
      <td>ö</td>
      <td>Kleines ö</td>
      <td>`&ouml;`</td>
      <td>`&#246;`</td>
    </tr>
    <tr>
      <td>Ü</td>
      <td>Großes Ü</td>
      <td>`&Uuml;`</td>
      <td>`&#220;`</td>
    </tr>
    <tr>
      <td>ü</td>
      <td>Kleines ü</td>
      <td>`&uuml;`</td>
      <td>`&#252;`</td>
    </tr>
  </tbody>
</table>

Tipp An anderer Stelle im Digital Guide finden Sie viele weitere Ratgeber rund um die [Hypertext Markup Language (HTML)](https://www.ionos.at/digitalguide/websites/web-entwicklung/was-ist-html/). Hier erklären wir Ihnen zum Beispiel auch, was [HTML-Tags](https://www.ionos.at/digitalguide/websites/web-entwicklung/html-tags/) sind, welche Besonderheiten [HTML5](https://www.ionos.at/digitalguide/websites/web-entwicklung/was-ist-html5/) hat und wie der [Einstieg in CSS](https://www.ionos.at/digitalguide/websites/webdesign/css-lernen-leicht-gemacht/) gelingt.


This is a markdown version of: [https://www.ionos.at/digitalguide/websites/web-entwicklung/html-entities/](https://www.ionos.at/digitalguide/websites/web-entwicklung/html-entities/) for AI/LLM consumption.