Rubrikauswahl:

Die Verweise zu einzelnen Seiten der aktuell ausgewählten Rubrik finden Sie unterhalb des folgenden Textes.


Tipps für Selbermacher

Thema KodierenHTML-Zeichensätze

Im Artikel zur grundsätzlichen Festlegung von Zeichensätzen für Webseiten klang es bereits an: Obwohl der Autor einer Seite sich an die Regeln halten mag und den zu Grunde liegenden Zeichensatz im Kopf der Datei benennt, kommt es vor, dass einige Browser Probleme mit der Darstellung bestimmter Zeichen haben. So lieferten etwa die ersten Versionen des Mozilla statt deutscher Umlaute ein Fragezeichen, selbst wenn Latin-1 als Basis für Textdarstellung eingestellt wurde.

Daher empfiehlt es sich, für alle Sonderzeichen, die über den Umfang der ASCII-Tabelle hinaus gehen, anstelle der einfachen Tastatureingabe den vom Unicode-Konsortium festgelegten Wert des Zeichens, oder aber das benannte HTML-Zeichen zu kodieren. Auf diese Weise kann man mit sehr hoher Treffsicherheit davon ausgehen, dass tatsächlich das gewünschte Zeichen auf allen Bildschirmen erscheint.

Die folgenden Tabellen enthalten die Zuordnung zwischen Darstellung, dem Namen in HTML und Unicode in HTML (dezimale Schreibweise). Um bei allem Umfang möglichst übersichtlich zu bleiben, trennen wir die Sonderzeichen nach unterschiedlichen Einsatzgebieten.

Spezielle HTML-Zeichen

Diese Basissequenzen benötigt man, um Zeichen mit spezieller Bedeutung in HTML darzustellen, statt sie vom Browser auswerten zu lassen. Verwenden Sie sie zum Beispiel, um HTML-Quelltext innerhalb Ihrer Seiten als lesbaren Text auszugeben.

Tabelle 1: Elementare Sonderzeichen
Zeichen Name Unicode Anmerkung
" " " Anführungszeichen
& & & Kaufmännisches Und
< &lt; &#60; Kleiner
> &gt; &#62; Größer

HTML-Sonderzeichen ISO 8859-1

Die Bezeichner in der zweiten Spalte werden von Browsern korrekt dergestellt, die nach HTML 3.2 arbeiten. Zeichen mit Unicode kleiner 128 entsprechen den Standards der ASCII-Belegung. Die ersten 32 Zeichen danach, also Unicode 128 bis 159, sind – ebenso wie im ASCII-Teil – für Steuerzeichen reserviert, ihre Umsetzung durch Browser ist undefiniert. Allerdings verwenden viele Kodierer Unicode 128 für die Darstellung des Eurosymbols. Auch die meisten Tastaturen erzeugen diesen Code. Die Darstellung funktioniert in vielen Browsern, daher führen wir das Eurozeichen an dieser Stelle auf, obwohl es in der Tat den Spezifikationen des Unicode-Konsortiums widerspricht. Prüfen Sie selbst, ob auf Ihrem Bildschirm das Symbol erscheint. Korrekt ist allerdings die Verwendung des tatsächlich für den Euro vorgesehenen Codes.

Tabelle 2: Lateinische Alphabete
Zeichen Name Unicode Anmerkung
- &#128; Währung Euro? (nicht verbindlich)
  &nbsp; &#160; Geschütztes Leerzeichen
¡ &iexcl; &#161; Umgekehrtes Rufezeichen
¢ &cent; &#162; Währung Cent
£ &pound; &#163; Währung Pfund
¤ &curren; &#164; Währungszeichen
¥ &yen; &#165; Währung Yen
¦ &brvbar; &#166; Durchbrochener Balken
§ &sect; &#167; Paragraf
¨ &uml; &#168; Umlautpünktchen
© &copy; &#169; Copyright
ª &ordf; &#170; weibliche Ordinale
« &laquo; &#171; Anführungszeichen spitz, nach links
¬ &not; &#172; Negation
­ &shy; &#173; Kurzer Trenner
® &reg; &#174; Registriermarke
¯ &macr; &#175; Überstrich
° &deg; &#176; Grad
± &plusmn; &#177; Plus-minus
² &sup2; &#178; Zweite Potenz
³ &sup3; &#179; Dritte Potenz
´ &acute; &#180; Akzent nach rechts
µ &micro; &#181; Mikro
&para; &#182; Absatzmarke
· &middot; &#183; Punkt zeilenmittig
¸ &cedil; &#184; Häkchen
¹ &sup1; &#185; Erste Potenz
º &ordm; &#186; Männliche Ordinale
» &raquo; &#187; Anführungszeichen spitz, nach rechts
¼ &frac14; &#188; Ein Viertel
½ &frac12; &#189; Ein Halb
¾ &frac34; &#190; Drei Viertel
¿ &iquest; &#191; Umgekehrtes Fragezeichen
À &Agrave; &#192; A mit Akzent links
Á &Aacute; &#193; A mit Akzent rechts
 &Acirc; &#194; A mit Zirkumflex
à &Atilde; &#195; A mit Tilde
Ä &Auml; &#196; A Umlaut
Å &Aring; &#197; A mit Ring
Æ &AElig; &#198; Legiertes AE
Ç &Ccedil; &#199; C mit Häkchen
È &Egrave; &#200; E mit Akzent links
É &Eacute; &#201; E mit Akzent rechts
Ê &Ecirc; &#202; E mit Zirkumflex
Ë &Euml; &#203; E Umlaut
Ì &Igrave; &#204; I mit Akzent links
Í &Iacute; &#205; I mit Akzent rechts
Î &Icirc; &#206; I Zirkumflex
Ï &Iuml; &#207; I Umlaut
Ð &ETH; &#208; Eth (Island)
Ñ &Ntilde; &#209; N mit Tilde
Ò &Ograve; &#210; O mit Akzent links
Ó &Oacute; &#211; O mit Akzent rechts
Ô &Ocirc; &#212; O Zirkumflex
Õ &Otilde; &#213; O mit Tilde
Ö &Ouml; &#214; O Umlaut
× &times; &#215; Multiplikation
Ø &Oslash; &#216; O mit Schrägstrich
Ù &Ugrave; &#217; U mit Akzent links
Ú &Uacute; &#218; U mit Akzent rechts
Û &Ucirc; &#219; U Zirkumflex
Ü &Uuml; &#220; U Umlaut
Ý &Yacute; &#221; Y mit Akzent rechts
Þ &THORN; &#222; Thorn (Island)
ß &szlig; &#223; Scharfes s
à &agrave; &#224; a mit Akzent links
á &aacute; &#225; a mit Akzent rechts
â &acirc; &#226; a Zirkumflex
ã &atilde; &#227; a mit Tilde
ä &auml; &#228; a Umlaut
å &aring; &#229; a mit Ring
æ &aelig; &#230; Legiertes ae
ç &ccedil; &#231; c mit Häkchen
è &egrave; &#232; e mit Akzent links
é &eacute; &#233; e mit Akzent rechts
ê &ecirc; &#234; e Zirkumflex
ë &euml; &#235; e Umlaut
ì &igrave; &#236; i mit Akzent links
í &iacute; &#237; i mit Akzent rechts
î &icirc; &#238; i Zirkumflex
ï &iuml; &#239; i Umlaut
ð &eth; &#240; eth (Island)
ñ &ntilde; &#241; n mit Tilde
ò &ograve; &#242; o mit Akzent links
ó &oacute; &#243; o mit Akzent rechts
ô &ocirc; &#244; o Zirkumflex
õ &otilde; &#245; o mit Tilde
ö &ouml; &#246; o Umlaut
÷ &divide; &#247; Division
ø &oslash; &#248; o mit Schrägstrich
ù &ugrave; &#249; u mit Akzent links
ú &uacute; &#250; u mit Akzent rechts
û &ucirc; &#251; u Zirkumflex
ü &uuml; &#252; U Umlaut
ý &yacute; &#253; y mit Akzent rechts
þ &thorn; &#254; thorn (Island)
ÿ &yuml; &#255; y Umlaut

Sie sollten sich gut überlegen, ob Sie über diese Aufstellung hinaus gehende Sonderzeichen einsetzen wollen. Definitionen dazu existieren wohl; allerdings wird nicht jede der zum Einsatz kommenden Schriftarten Zeichen beinhalten, die den Umfang der ISO-8859-Spezifikationen überschreiten. Auch interpretieren nicht alle Browser den HTML-Standard 4.0.

Bedenken Sie: Je exotischer Ihr Kode, desto wahrscheinlicher sind unliebsame Überraschungen auf Seiten Ihrer Besucher.

^

HTML-Sonderzeichen für griechisches Alphabet

Verfügbar für Browsern ab HTML 4.0. Beachten Sie, dass alle Symbole nicht nur vom Browser interpretiert werden, sondern zusätzlich in der Schriftart implementiert sein müssen, die Verwendung findet. Wenn also einige der exotischeren Zeichen bei Ihnen nicht oder falsch angezeigt werden, kann dies an Ihrem Browser oder daran liegen, dass keine der dazu notwendigen Schriftalternativen auf Ihrem Rechner vorhanden ist.

Tabelle 3: Griechisches Alphabet
Zeichen Name Unicode Anmerkung
Α &Alpha; &#913; Alpha
Β &Beta; &#914; Beta
Γ &Gamma; &#915; Gamma
Δ &Delta; &#916; Delta
Ε &Epsilon; &#917; Epsilon
Ζ &Zeta; &#918; Zeta
Η &Eta; &#919; Eta
Θ &Theta; &#920; Theta
Ι &Iota; &#921; Iota
Κ &Kappa; &#922; Kappa
Λ &Lambda; &#923; Lambda
Μ &Mu; &#924; Mu
Ν &Nu; &#925; Nu
Ξ &Xi; &#926; Xi
Ο &Omicron; &#927; Omicron
Π &Pi; &#928; Pi
Ρ &Rho; &#929; Rho
Σ &Sigma; &#931; Sigma
Τ &Tau; &#932; Tau
Υ &Upsilon; &#933; Upsilon
Φ &Phi; &#934; Phi
Χ &Chi; &#935; Chi
Ψ &Psi; &#936; Psi
Ω &Omega; &#937; Omega
α &alpha; &#945; alpha
β &beta; &#946; beta
γ &gamma; &#947; gamma
δ &delta; &#948; delta
ε &epsilon; &#949; epsilon
ζ &zeta; &#950; zeta
η &eta; &#951; eta
θ &theta; &#952; theta
ι &iota; &#953; iota
κ &kappa; &#954; kappa
λ &lambda; &#955; lambda
μ &mu; &#956; mu
ν &nu; &#957; nu
ξ &xi; &#958; xi
ο &omicron; &#959; omicron
π &pi; &#960; pi
ρ &rho; &#961; rho
ς &sigmaf; &#962; sigmaf
σ &sigma; &#963; sigma
τ &tau; &#964; tau
υ &upsilon; &#965; upsilon
φ &phi; &#966; phi
χ &chi; &#967; chi
ψ &psi; &#968; psi
ω &omega; &#969; omega
ϑ &thetasym; &#977; theta Symbol
ϒ &upsih; &#978; Upsilon mit Haken
ϖ &piv; &#982; pi Symbol
^

HTML-Sonderzeichen für diverse Symbole

Verfügbar für Browsern ab HTML 4.0. Beachten Sie, dass alle Symbole nicht nur vom Browser interpretiert werden, sondern zusätzlich in der Schriftart implementiert sein müssen, die Verwendung findet. Wenn also einige der exotischeren Zeichen bei Ihnen nicht oder falsch angezeigt werden, kann dies an Ihrem Browser oder daran liegen, dass keine der dazu notwendigen Schriftalternativen auf Ihrem Rechner vorhanden ist.

Tabelle 4: Symbole zur Textgestaltung
Zeichen Name Unicode Anmerkung
&ensp; &#8194; Leerzeichen der Breite n
&emsp; &#8195; Leerzeichen der Breite m
&thinsp; &#8201; Schmales Leerzeichen
&zwnj; &#8204; Nichtverbinder mit Breite null
&zwj; &#8205; Verbinder mit Breite null
&lrm; &#8206; Links-nach-rechts
&rlm; &#8207; Rechts-nach-links
&ndash; &#8211; Gedankenstrich mit Breite n
&mdash; &#8212; Gedankenstrich mit Breite m
&lsquo; &#8216; Anführungszeichen einfach, links
&rsquo; &#8217; Anführungszeichen einfach, rechts
&sbquo; &#8218; Anführungszeichen einfach, unten
&ldquo; &#8220; Anführungszeichen doppelt, links
&rdquo; &#8221; Anführungszeichen doppelt, rechts
&bdquo; &#8222; Anführungszeichen doppelt, unten
&dagger; &#8224; Kreuz
&Dagger; &#8225; Doppelkreuz
&bull; &#8226; Bullet
&hellip; &#8230; Auslassung horizontal
&permil; &#8240; Promille
&prime; &#8242; Minuten
&lsaquo; &#8249; Anführungszeichen spitz, nach links
&rsaquo; &#8250; Anführungszeichen spitz, nach rechts
&oline; &#8254; Überstrich
&frasl; &#8260; Bruchstrich
&euro; &#8364; Währung Euro
&image; &#8465; Imaginär
&weierp; &#8472; Weierstrass p
&real; &#8476; Real
&trade; &#8482; Trademark
&alefsym; &#8501; Alef-Symbol
&larr; &#8592; Pfeil nach links
&uarr; &#8593; Pfeil nach oben
&rarr; &#8594; Pfeil nach rechts
&darr; &#8595; Pfeil nach unten
&harr; &#8596; Pfeil nach links und rechts
&crarr; &#8629; Pfeil neue Zeile (CR)
&lArr; &#8656; Doppelpfeil nach links
&uArr; &#8657; Doppelpfeil nach oben
&rArr; &#8658; Doppelpfeil nach rechts
&dArr; &#8659; Doppelpfeil nach unten
&hArr; &#8660; Doppelpfeil nach links und rechts
&lceil; &#8968; Ecke links oben
&rceil; &#8969; Ecke rechts oben
&lfloor; &#8970; Ecke links unten
&rfloor; &#8971; Ecke rechts unten
&lang; &#9001; Spitze Klammer links
&rang; &#9002; Spitze Klammer rechts
&spades; &#9824; Pik
&clubs; &#9827; Kreuz
&hearts; &#9829; Herz
&diams; &#9830; Karo
^

Mathematische HTML-Sonderzeichen

Verfügbar für Browsern ab HTML 4.0. Beachten Sie, dass alle Symbole nicht nur vom Browser interpretiert werden, sondern zusätzlich in der Schriftart implementiert sein müssen, die Verwendung findet. Wenn also einige der exotischeren Zeichen bei Ihnen nicht oder falsch angezeigt werden, kann dies an Ihrem Browser oder daran liegen, dass keine der dazu notwendigen Schriftalternativen auf Ihrem Rechner vorhanden ist.

Tabelle 5: Mathematische Symbole
Zeichen Name Unicode Anmerkung
&forall; &#8704; Für alle
&part; &#8706; Teilweise
&exist; &#8707; Existiert
&empty; &#8709; Leere Menge
&nabla; &#8711; Nabla
&isin; &#8712; Element der Menge
&notin; &#8713; Nicht Element der Menge
&ni; &#8715; Enthält als Element
&prod; &#8719; Produkt
&sum; &#8721; Summe
&minus; &#8722; Minus
&lowast; &#8727; Asterisk
&radic; &#8730; Quadratwurzel
&prop; &#8733; Proportional zu
&infin; &#8734; Unendlich
&ang; &#8736; Winkel
&and; &#8743; Logisches Und
&or; &#8744; Logisches Oder
&cap; &#8745; Geschnitten mit
&cup; &#8746; Vereinigt mit
&int; &#8747; Integral
&there4; &#8756; Deshalb
&sim; &#8764; Ähnlich wie
&cong; &#8773; Entspricht
&asymp; &#8776; Ungefähr gleich
&ne; &#8800; Ungleich
&equiv; &#8801; Identisch mit
&le; &#8804; Kleiner oder gleich
&ge; &#8805; Größer oder gleich
&sub; &#8834; Teilmenge von
&sup; &#8835; Obermenge von
&nsub; &#8836; Keine Teilmenge von
&sube; &#8838; Teilmenge von oder identisch mit
&supe; &#8839; Obermenge von oder identisch mit
&oplus; &#8853; Vektorsumme
&otimes; &#8855; Vektorprodukt
&perp; &#8869; Senkrecht zu
&sdot; &#8901; Punkt-Operator
&loz; &#9674; Raute
^

ASCII-Zeichentabelle

Zum Abschluss finden Sie hier die Entsprechungen in Unicode der ersten 128 identischen Zeichen aller ISO-8859 Zeichensätze. HTML-Benamungen existieren für diese Zeichen nur in Ausnahmen. Beachten Sie, dass die ersten 32 ASCII-Zeichen als Steuerelemente reserviert sind und deshalb in unserer Tabelle nicht aufgeführt werden.

Tabelle 6: ASCII-Zeichen
Zeichen Name Unicode Anmerkung
- &#32; Leerzeichen
! - &#33; Rufezeichen
" &quot; &#34; Anführungszeichen
# - &#35; »Lattenzaun«
$ - &#36; Dollar
% - &#37; Prozent
& &amp; &#38; Kaufmännisches Und
' - &#39; Einfaches Anführungszeichen
( - &#40; Öffnende Klammer
) - &#41; Schließende Klammer
* - &#42; Stern
+ - &#43; Plus
, - &#44; Komma
- - &#45; Bindestrich
. - &#46; Punkt
/ - &#47; Schrägstrich rechts
0 - &#48; Ziffer Null
1 - &#49; Ziffer Eins
2 - &#50; Ziffer Zwei
3 - &#51; Ziffer Drei
4 - &#52; Ziffer Vier
5 - &#53; Ziffer Fünf
6 - &#54; Ziffer Sechs
7 - &#55; Ziffer Sieben
8 - &#56; Ziffer Acht
9 - &#57; Ziffer Neun
: - &#58; Doppelpunkt
; - &#59; Semikolon
< &lt; &#60; Kleiner
= - &#61; Ist gleich
> &gt; &#62; Größer
? - &#63; Fragezeichen
@ - &#64; »Klammeraffe«
A - &#65; A
B - &#66; B
C - &#67; C
D - &#68; D
E - &#69; E
F - &#70; F
G - &#71; G
H - &#72; H
I - &#73; I
J - &#74; J
K - &#75; K
L - &#76; L
M - &#77; M
N - &#78; N
O - &#79; O
P - &#80; P
Q - &#81; Q
R - &#82; R
S - &#83; S
T - &#84; T
U - &#85; U
V - &#86; V
W - &#87; W
X - &#88; X
Y - &#89; Y
Z - &#90; Z
[ - &#91; Öffnende Klammer; eckig
\ - &#92; Schrägstrich links
] - &#93; Schließende Kammer, eckig
^ - &#94; Zirkumflex
_ - &#95; Unterstrich
` - &#96; Akzent links
a - &#97; a
b - &#98; b
c - &#99; c
d - &#100; d
e - &#101; e
f - &#102; f
g - &#103; g
h - &#104; h
i - &#105; i
j - &#106; j
k - &#107; k
l - &#108; l
m - &#109; m
n - &#110; n
o - &#111; o
p - &#112; p
q - &#113; q
r - &#114; r
s - &#115; s
t - &#116; t
u - &#117; u
v - &#118; v
w - &#119; w
x - &#120; x
y - &#121; y
z - &#122; z
{ - &#123; Öffnende Klammer, geschweift
| - &#124; Senkrechter Strich
} - &#125; Schließende Klammer, geschweift
~ - &#126; Tilde
 - &#127;
^