Immer wieder kommt es bei Projekten vor, dass man Sonderzeichen einsetzen muss. Wenn UTF-8 gerade mal nicht möglich ist oder man eine andere Darstellung des Zeichens für CSS benötigt, helfen folgende Listen oft weiter.
Die Listen mit HTML Umlauten und Sonderzeichen sind nicht vollständig. Es kann sein, dass zu bestimmten Themen einige HTML-Sonderzeichen oder Umlaute nicht aufgeführt sind. Die gebräuchlichsten Zeichen sind aber auf jeden Fall enthalten. Falls es noch Fragen gibt, können wir als Agentur gerne helfen!
- HTML Umlaute
- Sonderzeichen HTML
- Währungszeichen
- Mathematische Sonderzeichen
- Zeichen für Sprachen
- Griechisches Alphabet
HTML Umlaute
| Zeichen | Beschreibung | Name in HTML | Unicode in HTML |
|---|---|---|---|
| Ä | A Umlaut | Ä | Ä |
| ä | a Umlaut | ä | ä |
| Ë | E Umlaut | Ë | Ë |
| ë | e Umlaut | ë | ë |
| Ï | I Umlaut | Ï | Ï |
| ï | i Umlaut | ï | ï |
| Ö | O Umlaut | Ö | Ö |
| ö | o Umlaut | ö | ö |
| Ü | U Umlaut | Ü | Ü |
| ü | u Umlaut | ü | ü |
| Ÿ | Y Umlaut | Ÿ | Ã |
| ÿ | y Umlaut | ÿ | ÿ |
Häufig verwendete Sonderzeichen HTML
| Zeichen | Beschreibung | Name in HTML | Unicode in HTML |
|---|---|---|---|
| Erzwungenes Leerzeichen | |   | |
| & | Und-Zeichen, Ampersand | & | & |
| ß | scharfes S | ß | ß |
| © | Copyright-Zeichen | © | © |
| ® | Registriermarke-Zeichen | ® | ® |
| ™ | Trademark | ™ | ™ |
| « | angewinkelte Anf.zeichen links | « | « |
| » | angewinkelte Anf.zeichen rechts | » | » |
| • | Bullet (größerer, dickerer Punkt) | • | • |
| · | Mittelpunkt | · | · |
| ¨ | Pünktchen oben | ¨ | ¨ |
| … | Ellipsis, Auslassungspunkte | … | … |
| ¡ | umgekehrtes Ausrufezeichen | ¡ | ¡ |
| ¿ | umgekehrtes Fragezeichen | ¿ | ¿ |
| ¦ | durchbrochener Strich | ¦ | ¦ |
| § | Paragraph-Zeichen | § | § |
| º | Ordinal-Zeichen männlich | º | º |
| ª | Ordinal-Zeichen weiblich | ª | ª |
| kurzer Trennstrich | ­ | ­ | |
| ¯ | Überstrich | ¯ | ¯ |
| ¶ | Absatz-Zeichen | ¶ | ¶ |
| † | einfaches Kreuz (Dagger) | † | † |
| ‡ | doppeltes Kreuz | ‡ | ‡ |
| ° | Grad-Zeichen | ° | ° |
Währungszeichen HTML
| Zeichen | Beschreibung | Name in HTML | Unicode in HTML |
|---|---|---|---|
| ¢ | Cent-Zeichen | ¢ | ¢ |
| € | Euro-Zeichen | € | € |
| £ | Pfund-Zeichen | £ | £ |
| ¤ | Währungs-Zeichen | ¤ | ¤ |
| ¥ | Yen-Zeichen | ¥ | ¥ |
| ƒ | Florin, Gulden | ƒ | ƒ |
Das Dollar-Zeichen besitzt in HTML keinen Namen, da es Bestandteil der ASCII-Zeichentabelle ist. Das Dollar-Zeichen (Unicode: &#036;<br/>) kann einfach über die Tastatur eingeben werden und muss nicht maskiert werden.
Mathematische Sonderzeichen HTML
| Zeichen | Beschreibung | Name in HTML | Unicode in HTML |
|---|---|---|---|
| ± | Plusminus-Zeichen | ± | ± |
| ÷ | Divisions-Zeichen | ÷ | ÷ |
| × | Mal-Zeichen | × | × |
| √ | Quadratwurzel | √ | √ |
| ∫ | Integral | ∫ | ∫ |
| ¹ | Hoch-1-Zeichen | ¹ | ¹ |
| ² | Hoch-2-Zeichen | ² | ² |
| ³ | Hoch-3-Zeichen | ³ | ³ |
| ´ | Acute-Zeichen | ´ | ´ |
| ¸ | Häkchen unten | ¸ | ¸ |
| ‰ | Promille | &permill; | ‰ |
| µ | Mikro-Zeichen | µ | µ |
| ¬ | Verneinungs-Zeichen | ¬ | ¬ |
| ½ | ein Halb | ½ | ½ |
| ¼ | ein Viertel | ¼ | ¼ |
| ¾ | drei Viertel | ¾ | ¾ |
| ∀ | für alle | ∀ | ∀ |
| ∂ | partiell | ∂ | ∂ |
| ∃ | existiert | ∃ | ∃ |
| ∅ | leere Menge | ∅ | ∅ |
| ⊂ | Untermenge von | ⊂ | ⊂ |
| ⊃ | Obermenge von | ⊃ | ⊃ |
| ⊄ | keine Untermenge von | ⊄ | ⊄ |
| ⊆ | Untermenge von oder gleich mit | ⊆ | ⊆ |
| ⊇ | Obermenge von oder gleich mit | ⊇ | ⊇ |
| ≡ | identisch mit | ≡ | ≡ |
| ≤ | kleiner gleich | ≤ | ≤ |
| ≥ | größer gleich | ≥ | ≥ |
| ≙ | entspricht | ≙ | ≙ |
HTML Zeichen für andere Sprachen
| Zeichen | Beschreibung | Name in HTML | Unicode in HTML |
|---|---|---|---|
| À | A mit Accent grave | À | À |
| Á | A mit Accent acute | Á | Á |
| Â | A mit Circumflex | Â | Â |
| Ã | A mit Tilde | Ã | Ã |
| Å | A mit Ring | Å | Å |
| Æ | AE-Ligatur | Æ | Æ |
| Ç | C mit Häkchen | Ç | Ç |
| È | E mit Accent grave | È | È |
| É | E mit Accent acute | É | É |
| Ê | E mit Circumflex | Ê | Ê |
| Ì | I mit Accent grave | Ì | Ë |
| Í | I mit Accent acute | Í | Ì |
| Î | I mit Circumflex | Î | Í |
| Ð | Eth (isländisch) | Ð | Ð |
| Ñ | N mit Tilde | Ñ | Ñ |
| Ò | O mit Accent grave | Ò | Ò |
| Ó | O mit Accent acute | Ó | Ó |
| Ô | O mit Circumflex | Ô | Ô |
| Õ | O mit Tilde | Õ | Õ |
| Ø | O mit Schrägstrich | Ø | Ø |
| Π| OE-Ligatur | Π| Π|
| Ù | U mit Accent grave | Ù | Ù |
| Ú | U mit Accent acute | Ú | Ú |
| Û | U mit Circumflex | Û | Û |
| Ý | Y mit Accent acute | Ý | Ý |
| Þ | THORN (isländisch) | Þ | Þ |
| à | a mit Accent grave | à | à |
| á | a mit Accent acute | á | á |
| â | a mit Circumflex | â | â |
| ã | a mit Tilde | ã | ã |
| å | a mit Ring | å | å |
| æ | ae-Ligatur | æ | æ |
| ç | c mit Häkchen | ç | ç |
| è | e mit Accent grave | è | è |
| é | e mit Accent acute | é | é |
| ê | e mit Circumflex | ê | ê |
| ì | i mit Accent grave | ì | ì |
| í | i mit Accent acute | í | í |
| ð | eth (isländisch) | ð | ð |
| ñ | n mit Tilde | ñ | ñ |
| ò | o mit Accent grave | ò | ò |
| ó | o mit Accent acute | ó | ó |
| ô | o mit Circumflex | ô | ô |
| õ | o mit Tilde | õ | õ |
| ø | o mit Schrägstrich | ø | ø |
| œ | oe-Ligatur | œ | œ |
| ù | u mit Accent grave | ù | ù |
| ú | u mit Accent acute | ú | ú |
| û | u mit Circumflex | û | û |
| ý | y mit Accent acute | ý | ý |
| þ | thorn (isländisch) | þ | þ |
| Š | S mit Hacek | Š | Š |
| š | s mit Hacek | š | š |
| Č | C mit Hacek | Č | Č |
| č | c mit Hacek | č | č |
Griechisches Alphabet
| Zeichen | Beschreibung | Name in HTML | Unicode in HTML |
|---|---|---|---|
| A | großes griechisches Alpha | α | Α |
| B | großes griechisches Beta | Β | Β |
| Γ | großes griechisches Gamma | Γ | Γ |
| Δ | großes griechisches Delta | Δ | Δ |
| Ε | großes griechisches Epsilon | Ε | Ε |
| Z | großes griechisches Zeta | Ζ | Ζ |
| H | großes griechisches Eta | Η | Η |
| Θ | großes griechisches Theta | Θ | Θ |
| I | großes griechisches Iota | Ι | Ι |
| K | großes griechisches Kappa | Κ | Κ |
| Λ | großes griechisches Lambda | Λ | Λ |
| M | großes griechisches Mu | Μ | Μ |
| N | großes griechisches Nu | Ν | Ν |
| Ξ | großes griechisches Xi | Ξ | Ξ |
| Ο | großes griechisches Omicron | Ο | Ο |
| Π | großes griechisches Pi | Π | Π |
| P | großes griechisches Rho | Ρ | Ρ |
| Σ | großes griechisches Sigma | Σ | Σ |
| T | großes griechisches Tau | Τ | Τ |
| Υ | großes griechisches Ypsilon | Υ | Υ |
| Φ | großes griechisches Phi | Φ | Φ |
| Χ | großes griechisches Chi | Χ | Χ |
| Ψ | großes griechisches Psi | Ψ | Ψ |
| Ω | großes griechisches Omega | Ω | Ω |
| α | kleines griechisches alpha | α | α |
| β | kleines griechisches beta | β | β |
| γ | kleines griechisches gamma | γ | γ |
| δ | kleines griechisches delta | δ | δ |
| ε | kleines griechisches epsilon | ε | ε |
| ζ | kleines griechisches zeta | ζ | ζ |
| η | kleines griechisches eta | η | η |
| θ | kleines griechisches theta | θ | θ |
| ι | kleines griechisches iota | ι | ι |
| κ | kleines griechisches kappa | κ | κ |
| λ | kleines griechisches lambda | λ | λ |
| μ | kleines griechisches mu | μ | μ |
| ν | kleines griechisches nu | ν | ν |
| ξ | kleines griechisches xi | ξ | ξ |
| o | kleines griechisches omicron | ο | ο |
| π | kleines griechisches pi | π | π |
| ρ | kleines griechisches rho | ρ | ρ |
| ς | kleines griechisches finales sigma | ς | ς |
| σ | kleines griechisches sigma | σ | σ |
| τ | kleines griechisches tau | τ | τ |
| υ | kleines griechisches ypsilon | υ | υ |
| φ | kleines griechisches tau | φ | φ |
| χ | kleines griechisches chi | χ | χ |
| ψ | kleines griechisches psi | ψ | ψ |
| ω | kleines griechisches omega | ω | ω |
Hintergrundwissen zu Sonderzeichen, Umlauten und HTML
UTF-8 ist in den ersten 128 Zeichen gleich mit ASCII und eignet sich daher mit kleinem Speicherbedarf besonders für die Kodierung englischsprachiger Texte. Stand 2017 verwenden etwa 90 % aller Webseiten UTF-8.
HTML Sonderzeichen und Symbole lassen sich generieren aus einer Tastenkombination – ALT + Zahlennummer aus der Tabelle. Alternativ: Die gewünschten Symbole kopieren – Zeichen markieren > STRG + C oder CTRL + C und an einem Ort Ihrer Wahl einfügen mit STRG + V oder CTRL + V
ASCII – Der American Standard Code for Information Interchange entspricht der amerikanischen Variante von ISO 646 und fungiert als Grundlage für auf mehr Bits basierende Kodierungen für Zeichen. Man verwendet den ASCII-Code, um die Darstellung der Zeichen durch Geräte z.B. Computer oder Smartphones festzulegen.
Ergänzungen und Kommentare
Der Artikel wurde mehrfach editiert. Falls es noch Fragen gibt, helfen wir gerne! Der Verlauf und bisherige Kommentare hier in der Übersicht:
Danke für den Hinweis. Ich merke gerade, dass dort noch so einige fehlen. Aber ich habe c mit Hatschek (Caron) einmal hinzugefügt.
Die HTML-Entities sind wie folgt: Č und č
ich suche das S mit strich oben und unten
vielen dank
Wir bearbeiten WordPress Projekte in jeder größe – so auch zum Beispiel das Portal Wir kaufen dein Motorrad zum Ankauf von Motorrädern Motorrad Ankauf
Ich suche polnische Zeichen.
hallo ich suche das @ Klammeraffe für Mailadressen?
> das @ hat so viel ich weiß keinen eigenen Entitäts-Namen in HTML, aber die Dezimal-Darstellung ist wie folgt: @
Das kleine lange s (ſ) scheint mir noch zu fehlen. Bei Texten, die in gebrochener Schrift gesetzt sind, ist es unverzichtbar.
U+0073
HTML: ſ
ſ xml
UTF-8: 0xC5 0xBF
UTF-16: 0x017F
Hallo, erstmal danke für die nette Liste hier!
Dann noch ein kleiner Hinweis 😉
In HTML-Seiten am besten das Symbol direkt einfügen … also ohne HTML- oder UNIcodecodierung. Wichtig ist nur, dass das Dokument dann in UTF-8 Codierung gespeichert wird.
Die Liste ist hilfreich, hat aber einen „schweren“ Fehler 🙂 :
Die Unicode-Werte zwischen € und Ÿ sind keine Unicode-Werte sondern Windows-Codepage 1252-Werte. Hier hat MS munter an Stellen, die von der ANSI/ISO für Maschinen-/Schnittstellensteuerungen vorgesehen waren, druckbare Zeichen eingestreut. Man kann die Zeichen zwar mittels +Zahlenwert auf der Tastatur eingeben aber für eine UTF-8 Konvertierung (oder gar UCB-2 bzw. UCB-4) sind diese nicht zu verwenden.
Die Ellipse (…) z.B. kann zwar mittels +0133 eingegeben werden, liegt aber im Unicode bei ߪ
Trotzdem: Vielen Dank (vor allem für die HTML-Namen)
Sorry, aber das System maskiert nicht automatisch. Daher der Text noch einmal – diesmal hoffentlich so wie er gedacht war:
Die Unicode-Werte mit Zahlen-Werten zwischen 128 und 159 sind keine Unicode-Werte sondern Werte der Windows-Codepage 1252. Hier hat MS munter an Stellen, die von der ANSI/ISO für Maschinen-/Schnittstellensteuerungen vorgesehen waren, druckbare Zeichen eingestreut. Man kann die Zeichen zwar mittels [ALT]+Zahlenwert auf der Tastatur eingeben aber für eine UTF-8 Konvertierung (oder gar UCB-2 bzw. UCB-4) sind diese nicht zu verwenden.
Die Ellipse (& hellip 😉 z.B. kann zwar mittels [ALT]+0133 eingegeben werden, liegt aber im Unicode bei U+2026 (also & # x 2026 ; oder & # 8230 ;).
Hallo,
Danke für diese Liste. Mir fällt noch auf, dass das türkische ı (kleines i ohne Punkt) sowie İ (großes I mit Punkt) fehlen:
ı ı
İ İ
Du kannst die beiden ja gerne noch ergänzen.
Hmm, ok die Werte sind
ı: & # 305 ;
und
İ: & # 304
Hallo,
danke für die umfangreiche Liste – leider finde ich meinen gesuchten Buchstaben nicht. Ich glaub es ist türkisch – das S mit einem Kommaähnlichen zeichnen im unteren Bogen.
Kannst Du helfen?
Danke und viele Grüße
Birgit
das S mit Cedille kannst du mit folgender HTML-Entität einfügen:
Ş = & # 350;
ş = & # 351;
(je ohne Leerzeichen! Weiß jemand, wie man in Kommentaren die Entitäten escapen kann?)
Danke für Deine so schnelle Hilfe 🙂
Hallo,
ich arbeite auf einer FR Drupal 8 Seite mit HTML Text.
Ich müsste exponierte Buchstaben in eine Überschrift bringen um XVIIIe mit einem exponierten „e“ zu schreiben, was hier auch nicht klappt.
Also das „e“ müsste so wie die „2“ bei X² aussehen.
Kann da jemand helfen? Vielen Dank im Voraus!
das macht man mit dem HTML-Element „sup“. Infos dazu hier: https://developer.mozilla.org/de/docs/Web/HTML/Element/sup
Viel Erfolg damit!
Kommentare