Umlaute und Sonderzeichen in HTML

HTML ist in der heutigen Zeit nicht mehr wegzudenken. HTML wird überall eingesetzt, ob auf einer Website, in Mails und in vielen Anderen Anwendungen und Apps. Vor allem, wenn die Kodierung UTF-8 nicht verfügbar ist, müssen Umlaute und Sonderzeichen in HTML anders dargestellt werden. Folgende Liste beinhaltet die gängigsten Sonderzeichen und die gängigsten Umlaute in HMTL.

Umlaute und Sonderzeichen HTML Liste

jamesosborne_ / Pixabay

 

Umlaute und Sonderzeichen in HTML

Um die Umlaute und Sonderzeichen in HTML ohne UTF-8 darzustellen, benötigt man HTML Codes. Im Besten Fall kann man UTF-8 in HTML benutzen. Hierzu benötigt man folgenden Meta Tag:

<meta http-equiv="content-type" content="text/html; charset=utf-8">

Ist dieser nicht Verfügbar oder kann nicht genutzt werden, benötigt ihr folgende Liste für die HTML Sonderzeichen und Umlaute. Ihr wollt zum Beispiel darstellen:

TEXT:
In München ist es schön.

HTML:
In M&uuml;nchen ist es sch&ouml;n.

 

Umlaute HTML

Um Umlaute in HTML verwenden zu können, benötigt ihr folgende Codes:

Zeichen Beschreibung Name in HTML Unicode in HTML
Ä A Umlaut &Auml; Ä
ä a Umlaut &auml; ä
Ë E Umlaut &Euml; Ë
ë e Umlaut &euml; ë
Ï I Umlaut &Iuml; Ï
ï i Umlaut &iuml; ï
Ö O Umlaut &Ouml; Ö
ö o Umlaut &ouml; ö
Ü U Umlaut &Uuml; Ü
ü u Umlaut &uuml; ü
Ÿ Y Umlaut &Yuml; Ã
ÿ y Umlaut &yuml; ÿ

 

Sonderzeichen HTML

Sonderzeichen in HTML benötigen auch spezielle Codes, wenn ihr kein UTF-8 verwendet:

Zeichen Beschreibung Name in HTML Unicode in HTML
Erzwungenes Leerzeichen &nbsp;
& Und-Zeichen, Ampersand &amp; &
ß scharfes S &szlig; ß
© Copyright-Zeichen &copy; ©
® Registriermarke-Zeichen &reg; ®
Trademark &trade;
« angewinkelte Anf.zeichen links &laquo; «
» angewinkelte Anf.zeichen rechts &raquo; »
Bullet (größerer, dickerer Punkt) &bull;
· Mittelpunkt &middot; ·
¨ Pünktchen oben &uml; ¨
Ellipsis, Auslassungspunkte &hellip;
¡ umgekehrtes Ausrufezeichen &iexcl; ¡
¿ umgekehrtes Fragezeichen &iquest; ¿
¦ durchbrochener Strich &brvbar; ¦
§ Paragraph-Zeichen &sect; §
º Ordinal-Zeichen männlich &ordm; º
ª Ordinal-Zeichen weiblich &ordf; ª
kurzer Trennstrich &shy; ­
¯ Überstrich &macr; ¯
Absatz-Zeichen &para;
einfaches Kreuz &dagger;
doppeltes Kreuz &Dagger;
° Grad-Zeichen &deg; °

 

Währungen HTML

Währungen wie das EURO Zeichen sind auch keine Standardzeichen:

Zeichen Beschreibung Name in HTML Unicode in HTML
¢ Cent-Zeichen &cent; ¢
Euro-Zeichen &euro;
£ Pfund-Zeichen &pound; £
¤ Währungs-Zeichen &curren; ¤
¥ Yen-Zeichen &yen; ¥
ƒ Florin, Gulden &fnof; ƒ

 

Mathematische Zeichen HTML

Auch Mathematische Zeichen wie Hochzahlen und Divisionen benötigen Codes:

Zeichen Beschreibung Name in HTML Unicode in HTML
± Plusminus-Zeichen &plusmn; ±
÷ Divisions-Zeichen &divide; ÷
× Mal-Zeichen &times; ×
Quadratwurzel &radic;
Integral &int;
¹ Hoch-1-Zeichen &sup1; ¹
² Hoch-2-Zeichen &sup2; ²
³ Hoch-3-Zeichen &sup3; ³
´ Acute-Zeichen &acute; ´
¸ Häkchen unten &cedil; ¸
Promille &permill;
µ Mikro-Zeichen &micro; µ
¬ Verneinungs-Zeichen &not; ¬
½ ein Halb &frac12; ½
¼ ein Viertel &frac14; ¼
¾ drei Viertel &frac34; ¾

 

Ich hoffe wir konnten euch mit der Umlaute und Sonderzeichen Liste weiterhelfen und euer HTML Problem lösen. 🙂

Johannes Huber
 

In seiner Freizeit macht Johannes nichts lieber, als für ITnator Beiträge zu schreiben. Input bekommt er hierfür von Problemen in der IT Administration von Servern, Clients und vielen weiteren IT Komponenten.

Click Here to Leave a Comment Below 0 comments