HTML Sonderzeichen und Icons

Keine Tastaturkombination für HTML-Sonderzeichen

Der Server prüft anhand der ersten Bytes der HTML-Seite die Kodierung und benachrichtigt den Browser durch das Charset-Attribut im Content-Type-Header des HTTP-Protokolls. Wenn der Webserver nicht schon UTF-8 als Zeichensatz installiert, kann der Zeichensatz im HEAD-Bereich der HTML-Seite oder in der .htaccess-Datei vorgegeben werden.

Aber wenn es über die Zeichen der Tastatur hinausgeht, hat nicht jeder die Tastaturkombination für Pi im Kopf. Da greifen HTML-Entities – eine memotechnische Codierung wie π (Pi) und © (Copyright) für häufig gebrauchte Symbole. Sie sind Referenzen auf die Unicode-Zeichen. Da aber nicht alle HTML-Sonderzeichen einen Namen haben, lassen sich alle Unicode-Zeichen durch eine dezimale und hexadezimale Kodierung eingeben.

Sonderzeichen Währungen, Umlaute, Symbole

Währungen

Den Euro und das Dollarzeichen finden wir schon auf der Tastatur, aber für das Bitcoin-Zeichen, das britische Pfund und die türkische Lira brauchen wir ein HTML-Entity.

¢
¢

Cent

£
£

britisches Pfund

¤
¤

Währungszeichen

¥
¥

japanischer Yen

௹

Rupie Tamil

₩

Südkoreanischer Won

₪

israelischer Schekel

₺

türkische Lira

₻

russischer Rubel

₿

HTML-Entity Bitcoin

Umlaute und Hatschek

Genauso wie den Euro und das Dollarzeichen finden wir ein é (accent aigu) oder à (accent grave) schon auf der Tastatur, ein ë (e mit zwei Punkten für Emily Brontë) allerdings nicht. ë, ÿ und auch ä gehören wie die Sonderzeichen für Währungen zu den Latin 1-Ergänzungen bzw. Latin Erweiterungen.

´
´

Umlaut: Akut mit Leerraum

`
&grave;

Umlaut: Grave mit Leerraum (Backtick)

ë
ë

e mit zwei Punkten (e Umlaut, Trema)

Ë
Ë

Großes E mit zwei Punkten (E Umlaut, Trema)

Ï
Ï

Großes I mit zwei Punkten (i Umlaut, Trema)

ï
ï

i mit zwei Punkten (i Umlaut, Trema)

ñ
ñ

n mit kleiner Welle (n Tilde)

ÿ
ÿ

y mit zwei Punkten (y Umlaut)

Š
&scaron;

s mit Hatschek (Caron)

Alltags-Symbole

Sonderzeichen, die wir häufig brauchen: Copyright-Symbol, Registered Trademark und Trademark, Quadrat und Qubik.

#
&num;

hash, Octothorpe, Doppelkreuz

@
&commat;

at-Symbol

|
|

senkrechter Strich

\
&Backslash;

Backslash, Gegenschrägstrich oder rückwärts gerichteter Schrägstrich

Copyright

®
®

Registrierte Handelsmarke

™

™
™

Handelsmarke / Trademark

±
±

Plusminus

4²

²
²

hoch 2 = Quadrat

4³

³
³

hoch 3 = Qubik

ẞ

ẞ
–

Großes Eszett oder scharfes S

⚕

⚕
–

Äskulapstab

⚒

⚒
–

Symbol für Bergbau

⚗

⚗
–

Symbol für Labor

❶

❶
–

Zahl, Ziffer 1 weiß im gefüllten Kreis serif

➓

➓
–

Zahl, Ziffer 10

Satzzeichen

Satzzeichen, Leerzeichen und Gedankenstrich

Deutsche Anführungszeichen unten und oben, doppelte und einfache Hochkommas und Leerzeichen in verschiedenen Breiten sowie Gedankenstriche.

–– ––

Leerzeichen, nicht brechend

Weiches Trennzeichen

¦
¦

gebrochener senkrechter Strich (Pipe)

«
«

typografisches Anführungszeichen links (Guillemet)

— —

 
&ensp;

Typo: n-Raum

— —

 
&emsp;

Typo: m-Raum

— —

Dünnes Leerzeichen (z.B. in Telefonnummern) 012 34/5 67 89

–‌–

‌
&zwnj;

Null-Leerraum, führt nicht zusammen (z.B. www.langerlink.de ohne Trennzeichen trennen)

-‍-

‍
&zwj;

Typo: Null-Leerraum, führt zwei Wörter zusammen

–

–
–

Typo: n-Strich = Viertelgeviert

—

—
—

Typo: m-Strich = Dreiviertelgeviert

4¹

¹
¹

hoch 1

"
"

doppeltes Hochkomma, Quote (XML)

«
«

typografisches Anführungszeichen links (Guillemet, Chevron)

»
»

typografisches Anführungszeichen rechts (Guillemet, Chevron)

‹

‹
&lsaquo;

Anführungszeichen links (Guillemet, Chevron)

›

›
&rsaquo;

Anführungszeichen rechts (Guillemet, Chevron)

“

“
“

doppeltes Anführungszeichen links

”

”
”

doppeltes Anführungszeichen rechts

„

„
&bdquo;

Anführungszeichen unten

'
'

Hochkomma, Apostroph (XML)

‘

‘
‘

einfaches öffnendes Anführungszeichen

’

’
’

einfaches schließendes Anführungszeichen

‚

‚
&sbquo;

einfaches Anführungszeichen unten

•

•
•

Kreis, gefüllt (bullet) = Aufzählungssymbol

…

…
…

Auslassungspunkte
drei Punkte als ein Zeichen

◊

◊
&loz;

Raute

¶
¶

Absatz, neue Zeile (Pilcrow)

≡

≡
&equiv;

Identisch, steht auch für Liste

Symbole Pfeile und Icons

Pfeile gibts in jeglicher denkbaren Form: mit gefüllter Spitze, Pfeil nach oben, Pfeil nach unten. Los gehts mit ← – dem Pfeil nach links – bis ⇿. Weiter dann mit ⟰.

Pfeil nach oben, Chevron, Circumflex

Pfeil nach links

Pfeil nach rechts

Pfeil nach oben, Chevron

Pfeil nach unten

←

←
←

Pfeil links

↑

↑
↑

Pfeil oben

→

→
→

Pfeil rechts

↓

↓
↓

Pfeil unten

↔

↔
↔

Pfeil links / rechts

↵

↵
&crarr;

Pfeil nach unten, Ecke nach links = Zeilenumbruch (Carriage Return)

↺

↺
&olarr;

Pfeil gegen den Uhrzeigersinn

↻

↻
&orarr;

Pfeil im Uhrzeigersinn

⇐

⇐
⇐

Doppelpfeil nach links

⇑

⇑
&uArr;

Doppelpfeil nach oben

⇒

⇒
⇒

Doppelpfeil nach rechts

⇓

⇓
&dArr;

Doppelpfeil nach unten

⇔

⇔
⇔

Doppelpfeil nach links und rechts

⟨

〈
&lang;

Linke winklige Klammer

⟩

〉
&rang;

Rechte winklige Klammer

▲

großes Dreieck, Spitze oben

▴

kleines Dreieck, Spitze oben

▶

großes Dreieck, Spitze rechts

▸

kleines Dreieck, Spitze rechts

▼

großes Dreieck, Spitze unten

▾

kleines Dreieck, Spitze unten

◀

großes Dreieck, Spitze links

◂

kleines Dreieck, Spitze links

↺

↺
&circlearrowleft

Kreis mit Pfeilspitze gegen den Uhrzeiger

↻

↻
&circlearrowright;

Kreis mit Pfeilspitze im Uhrzeiger

↩

↩
&larrhk;

Pfeil zurück (Enter)

➥

➥
–

Pfeil nach rechts mit von oben geschwungenem Schaft

➦

➦
–

Pfeil nach rechts mit von unten geschwungenem Schaft

➔

➔
–

Pfeil nach rechts

➘

➘
–

Pfeil nach Südost (unten links)

➙

➙
–

Pfeil nach rechts

➚

➚
–

Pfeil nach Nordost (External Link, oben rechts)

➝

➝
–

Pfeil nach rechts

➞

➞
–

Pfeil nach rechts

➟

➟
–

Pfeil nach rechts

Icon-Sonderzeichen, Dingbats

•

•
–

Gefüllter Kreis

‣

‣
–

Gefülltes Dreieck

℡

℡
–

Telefon

℻

℻
–

Fax

∎

∎
–

Gefülltes Viereck

∙

∙
–

Gefüllter kleiner Kreis

✂

✂
–

Schere

✆

✆
&phone;

Telefon

✈

✈
–

Flugzeug

✉

✉
–

Briefumschlag

✓

✓
–

Haken, Häkchen – Geprüft und für richtig empfunden

✕
–

Multiplikationszeichen

✖

✖
–

Multiplikationszeichen ✕ (fett)

✗

✗
–

Stimmzettel »x« (eng.: ballot)

✘

✘
&cross;

Stimmzettel »x« fett

✛

✛
–

Kreuz

✠

✠
&malt;

Kreuz Malteser

☯

☯
–

YIN YANG

☺

☺
–

Smilie (weiß)

Technik und Symbole der Mathematik

Brüche mit Schrägstrich (Fraktional)

⅟

Bruch 1/

¼
¼

Bruch 1/4 ein Viertel

½
½

Bruch 1/2 ein Halb

¾
¾

Bruch 3/4 drei Viertel

⅛

⅛
&frac18;

Bruch 1/8 ein Achtel

⅜

⅜
&frac38;

Bruch 3/8 drei Achtel

⅝

⅝
&frac58;

Bruch 5/8 fünf Achtel

⅞

⅞
&frac78;

Bruch 7/8 sieben Achtel

⅓

⅓
-

Bruch 1/3 ein Drittel

⅔

⅔
-

Bruch 2/3 zwei Drittel

⅕

⅕
-

Bruch 1/5 ein Fünftel

⅖

⅖
-

Bruch 2/5 zwei Fünftel

⅗

⅗
-

Bruch 3/5 drei Fünftel

⅘

⅘
-

Bruch 4/5 vier Fünftel

⅙

⅙
-

Bruch 1/6 ein Sechstel

⅚

⅚
&frac56;

Bruch 5/6

Mathematik Symbole und Sonderzeichen

¬
¬

Negierung

Ð
Ð

Latein großes ETH

×
×

Mathe: Multiplikationszeichen Malzeichen

÷
÷

Mathe: Divisionszeichen (geteilt)

℘

℘
&weierpv

Mathe Weierstraß'sche P-Funktion

ℑ

ℑ
&image;

Mathe: I Fraktur = imaginärer Anteil einer Zahl

ℜ

ℜ
&real;

Mathe: R Fraktur = realer Anteil einer Zahl

∀

∀
∀

Mathe: für alle

∂

∂
∂

Mathe: partiales Differential

∃

∃
∃

Mathe: es gibt

∅

∅
∅

Mathe: leere Menge

∇

∇
∇

Mathe: Nablafunktion

∈

∈
∈

Mathe: Element von

∉

∉
∉

Mathe: kein Element von

∋

∋
&ni;

Mathe: enthält

∏

∏
∏

Mathe: Produktzeichen

∑

∑
∑

Mathe: Summe

∗

∗
&lowast;

Mathe: Stern-Operator

√

√
√

Mathe: Wurzel

∛

Mathe: Kubikwurzel, dritte Wurzel

∜

Mathe: vierte Wurzel

∝

∝
&prop;

Mathe: proportional zu

∞

∞
∞

Mathe: unendlich

∠

∠
&ang;

Mathe: Winkel

∧

∧
&and;

Mathe: logisches Und

∨

∨
&or;

Mathe: logisches Oder

∩

∩
∩

Mathe: Schnittmenge

∪

∪
∪

Mathe: Vereinigung

∫

∫
∫

Mathe: Integral

∴

∴
&there4;

Mathe: darum

∼

∼
&sim;

Mathe: Tilde-Operator = ähnlich wie

≅

≅
&cong;

Mathe: ungefähr gleich

≈

≈
≈

Mathe: fast gleich = asymptotisch zu

≠

≠
≠

Mathe: nicht gleich

≡

≡
&equiv;

Mathe: identisch, drei Linien

≤

≤
≤

Mathe: kleiner gleich

≥

≥
≥

Mathe: größer gleich

⊂

⊂
⊂

Mathe: Untermenge von

⊃

⊃
⊃

Mathe: Obermenge von

⊄

⊄
&nsub;

Mathe: Keine Untermenge von

⊆

⊆
&sube;

Mathe: Untermenge oder gleich

⊇

⊇
&supe;

Mathe: Obermenge oder gleich

⊕

⊕
&oplus;

Mathe: Pluszeichen im Kreis = direkte Summe

⊗

⊗
&otimes;

Mathe: Multiplikationszeichen im Kreis = Vektorprodukt

⊥

⊥
&perp;

Mathe: senkrecht auf = orthogonal zu

⋅

⋅
⋅

Mathe: Punktoperator

⩴

⩴
&Colone;

doppelter Doppelpunkt ist gleich

Å
&angst;

Angström

Symbole der Technik

¯
¯

Makron

µ
µ

Mikro

·
·

Mittelpunkt
Punkt in der Mitte der Zeile

⦨

⦨
&angmsdaa;

Winkel

⦩

⦩
&angmsdab;

Winkel

⦪

⦪
&angmsdac;

Winkel

⦫

⦫
&angmsdad;

Winkel

Delta, Lambda, Pi

Sonderzeichen aus dem griechischen Alphabet

Δ
Δ

Griechisch Delta

Η
Η

Griechisch Eta

Θ
Θ

Griechisch Theta

Λ
Λ

Griechisch Lambda

Π
Π

Griechisch Pi

Σ
Σ

Griechisch Sigma

Φ
Φ

Griechisch Phi

Ψ
Ψ

Griechisch Psi

Ω
Ω

Griechisch Omega

α
α

Griechisch alpha

β
β

Griechisch beta

γ
γ

Griechisch gamma

δ
δ

Griechisch delta

ε
ε

Griechisch epsilon

ζ
ζ

Griechisch zeta

η
η

Griechisch eta

θ
θ

Griechisch theta

κ
κ

Griechisch kappa

λ
λ

Griechisch lambda

μ
μ

Griechisch mu (z.B. für Mikrometer)

ν
ν

Griechisch nu

ξ
ξ

Griechisch xi

ο
ο

Griechisch omicron

π
π

Griechisch pi

ρ
ρ

Griechisch rho

σ
σ

Griechisch sigma

τ
τ

Griechisch tau

υ
υ

Griechisch ypsilon

φ
φ

Griechisch phi

χ
χ

Griechisch chi

ψ
ψ

Griechisch psi

ω
ω

Griechisch omega

ϑ
&thetasym;

Griechisch theta

ϖ
ϖ

Griechisch pi

Spielkarten, Sterne, Blumen und Herzen

Sterne, Sternchen, Stern-Symbole

★

★
–

5-zackiger Stern, gefüllt

☆

☆
–

5-zackiger Stern, weiß

✡

✡
–

Davidstern

✦

✦
–

Stern vierseitig gefüllt

✧

✧
–

Stern vierseitig weiß

✪

✪
–

Stern weiß im gefüllten Kreis

✰

✰
–

Stern mit Schatten

✳

✳
–

Stern mit acht Zacken

✶

✶
&sext;

Stern mit sechs Zacken

✷

✷
–

Stern mit acht Zacken

❉

❉
–

Stern aus Ballons (Asterisk)

❊

❊
–

Stern mit Tropfenzacken (Asterisk)

Blumen und Herzen und große Satzzeichen

✿

✿
–

Blume mit fünf Blättern

❁

❁
–

Blume mit acht Blättern

❍

❍
–

Kreis mit Schatten nach rechts

❖

❖
–

Vier schwarze Rauten als Kreuz

❛

❛
–

Dickes einzelnes Anführungszeichen

❜

❜
–

Dickes einzelnes Komma

❝

❝
–

Dickes doppeltes Anführungszeichen

❡

❡
–

Dickes geschwungenes Absatzzeichen

❢

❢
–

Dickes geschwungenes Ausrufezeichen

❤

❤
–

Dickes geschwungenes Herz

❥

❥
–

Dickes geschwungenes Herz, 90°

❦

❦
–

Herz, floral

❧

❧
–

Herz, floral, 90°

HTML Sonderzeichen – Spielkarten

♠

♠
&spades;

Spielkarte Pik (schwarz)

♢

♢
-

Spielkarte Kreuz (weiß)

♣

♣
&clubs;

Spielkarte Kreuz (schwarz)

♤

♤
-

Spielkarte Pik (weiß)

♡

♡
-

Spielkarte Herz (weiß)

♥

♥
&hearts;

Spielkarte Herz (schwarz)

♦

♦
&diams;

Keine Tastaturkombination für HTML-Sonderzeichen

Sonderzeichen Währungen, Umlaute, Symbole

Währungen

Cent

britisches Pfund

Währungszeichen

japanischer Yen

Rupie Tamil

Südkoreanischer Won

israelischer Schekel

türkische Lira

russischer Rubel

HTML-Entity Bitcoin

Umlaute und Hatschek

Umlaut: Akut mit Leerraum

Umlaut: Grave mit Leerraum (Backtick)

e mit zwei Punkten (e Umlaut, Trema)

Großes E mit zwei Punkten (E Umlaut, Trema)

Großes I mit zwei Punkten (i Umlaut, Trema)

i mit zwei Punkten (i Umlaut, Trema)

n mit kleiner Welle (n Tilde)

y mit zwei Punkten (y Umlaut)

s mit Hatschek (Caron)

Alltags-Symbole

hash, Octothorpe, Doppelkreuz

at-Symbol

senkrechter Strich

Backslash, Gegenschrägstrich oder rückwärts gerichteter Schrägstrich

Copyright

Registrierte Handelsmarke

Handelsmarke / Trademark

Plusminus

hoch 2 = Quadrat

hoch 3 = Qubik

Großes Eszett oder scharfes S

Äskulapstab

Symbol für Bergbau

Symbol für Labor

Zahl, Ziffer 1 weiß im gefüllten Kreis serif

Zahl, Ziffer 10

Satzzeichen

Satzzeichen, Leerzeichen und Gedankenstrich

Leerzeichen, nicht brechend

Weiches Trennzeichen

gebrochener senkrechter Strich (Pipe)

typografisches Anführungszeichen links (Guillemet)

Typo: n-Raum

Typo: m-Raum

Dünnes Leerzeichen (z.B. in Telefonnummern) 012 34/5 67 89

Null-Leerraum, führt nicht zusammen (z.B. www.langerlink.de ohne Trennzeichen trennen)

Typo: Null-Leerraum, führt zwei Wörter zusammen

Typo: n-Strich = Viertelgeviert

Typo: m-Strich = Dreiviertelgeviert

hoch 1

doppeltes Hochkomma, Quote (XML)

typografisches Anführungszeichen links (Guillemet, Chevron)

typografisches Anführungszeichen rechts (Guillemet, Chevron)

Anführungszeichen links (Guillemet, Chevron)

Anführungszeichen rechts (Guillemet, Chevron)

doppeltes Anführungszeichen links

doppeltes Anführungszeichen rechts

Anführungszeichen unten

Hochkomma, Apostroph (XML)

einfaches öffnendes Anführungszeichen

einfaches schließendes Anführungszeichen

einfaches Anführungszeichen unten

Kreis, gefüllt (bullet) = Aufzählungssymbol

Auslassungspunktedrei Punkte als ein Zeichen

Raute

Absatz, neue Zeile (Pilcrow)

Identisch, steht auch für Liste

Symbole Pfeile und Icons

Pfeil nach oben, Chevron, Circumflex

Pfeil nach links

Pfeil nach rechts

Pfeil nach oben, Chevron

Pfeil nach unten

Pfeil links

Pfeil oben

Pfeil rechts

Auslassungspunkte
drei Punkte als ein Zeichen