HTML-Kodierung (Zeichensatz)

Um HTML-Seiten korrekt anzuzeigen, muss der Webbrowser den zu verwendenden Zeichensatz kennen.

Von ASCII zu UTF-8

ASCII ist der erste Zeichencodierungsstandard. ASCII definiert 128 Zeichen, die im Internet verwendet werden können: Ziffern (0-9), lateinische Buchstaben (A-Z) und einige spezielle Zeichen wie: ! $ + - ( ) @ < >.

ISO-8859-1 ist der Standardzeichensatz von HTML 4. Dieser Zeichensatz unterstützt 256 verschiedene Zeichencodes. HTML 4 unterstützt gleichzeitig UTF-8.

ANSI (Windows-1252) ist der ursprüngliche Windows-Zeichensatz. ANSI ist gleich ISO-8859-1, unterscheidet sich jedoch durch 32 zusätzliche Zeichen.

Der HTML5-Standard ermutigt Webentwickler, den Zeichensatz UTF-8 zu verwenden, der fast alle Zeichen und Symbole der Welt abdeckt!

HTML charset-Attribut

Um HTML-Seiten korrekt anzuzeigen, muss der Webbrowser die Zeichensätze kennen, die auf der Seite verwendet werden.

Dies ist <meta> Wird in der

<meta charset="UTF-8">

Probieren Sie es selbst aus

Unterschiede zwischen Zeichensätzen

Die folgende Tabelle zeigt die Unterschiede zwischen den genannten Zeichensätzen:

Zahl ASCII ANSI 8859 UTF-8 Beschreibung
32 Leerraum
33!!!!Ausrufungszeichen
34""""Anführungszeichen
35####Nummersymbol
36$$$$Dollarzeichen
37%%%%Prozentzeichen
38&&&&ampersand
3938383838&
Ampersand39393939'
Apostroph40404040(
Linker Schließungszeichen41414141)
Rechter Schließungszeichen****Asterisk
42++++43
,KommaKommaKommaKomma45
-BindestrichBindestrichBindestrichBindestrich46
.PunktPunktPunktPunkt47
/StrichStrichStrichStrich48
0NullNullNullNull49
1EinEinEinEin50
2ZweiZweiZweiZwei51
3DreiDreiDreiDrei4
Vier535353535
Fünf545454546
Sechs555555557
Sieben565656568
Acht575757579
Neun4848484860
:DoppelstrichpunktDoppelstrichpunktDoppelstrichpunktDoppelstrichpunkt59
;SemikolonSemikolonSemikolonSemikolon60
<Kleiner-als-ZeichenKleiner-als-ZeichenKleiner-als-ZeichenKleiner-als-Zeichen=
Gleichheitszeichen60606060>
Größer-als-Zeichen????Fragezeichen
64@@@@Kommerzielles @
65AAAALateinischer Großbuchstabe A
66BBBBLateinischer Großbuchstabe B
67CCCCLateinischer Großbuchstabe C
68DDDDLateinischer Großbuchstabe D
69EEEELateinischer Großbuchstabe E
70FFFFLateinischer Großbuchstabe F
71GGGGLateinischer Großbuchstabe G
72HHHHLateinischer Großbuchstabe H
73IIIILateinischer Großbuchstabe I
74JJJJLateinischer Großbuchstabe J
75KKKKLateinischer Großbuchstabe K
76LLLLLateinischer Großbuchstabe L
77MMMMLateinischer Großbuchstabe M
78NNNNLateinischer Großbuchstabe N
79OOOOLateinischer Großbuchstabe O
Latin capital letter MNNNNLatin capital letter N
OLatin capital letter OLatin capital letter OLatin capital letter OLatin capital letter O80
PLatin capital letter PLatin capital letter PLatin capital letter PLatin capital letter P81
QLatin capital letter QLatin capital letter QLatin capital letter QLatin capital letter Q82
RLatin capital letter RLatin capital letter RLatin capital letter RLatin capital letter R83
SLatin capital letter SLatin capital letter SLatin capital letter SLatin capital letter S84
TLatin capital letter TLatin capital letter TLatin capital letter TLatin capital letter T85
ULatin capital letter ULatin capital letter ULatin capital letter ULatin capital letter U86
VLatin capital letter VLatin capital letter VLatin capital letter VLatin capital letter V87
WLatin capital letter WLatin capital letter WLatin capital letter WLatin capital letter W88
XLatin capital letter XLatin capital letter XLatin capital letter XLatin capital letter X89
YLatin capital letter YLatin capital letter YLatin capital letter YLatin capital letter Y90
ZLatin capital letter ZLatin capital letter ZLatin capital letter ZLatin capital letter Z91
[left square bracketleft square bracketleft square bracketleft square bracket\
reverse solidus]]]]right square bracket
^circumflex accentcircumflex accentcircumflex accentcircumflex accent_
low line````grave accent
97aaaaLatin small letter a
98bbbbLatin small letter b
99ccccLatin small letter c
100ddddLatin small letter d
101eeeeLatin small letter e
102ffffLatin small letter f
103ggggLatin small letter g
104hhhhLatin small letter h
105iiiiLatin small letter i
106jjjjLatin small letter j
107kkkkLatin small letter k
108llllLatin small letter l
109mmmmLatin small letter m
110nnnnLatin small letter n
111ooooLatin small letter o
112ppppLatin small letter p
113qqqqLatin small letter q
Kleinbuchstabe lateinisches Alphabet mnnnnKleinbuchstabe lateinisches Alphabet n
oKleinbuchstabe lateinisches Alphabet oKleinbuchstabe lateinisches Alphabet oKleinbuchstabe lateinisches Alphabet oKleinbuchstabe lateinisches Alphabet op
Kleinbuchstabe lateinisches Alphabet pqqqqKleinbuchstabe lateinisches Alphabet q
rKleinbuchstabe lateinisches Alphabet rKleinbuchstabe lateinisches Alphabet rKleinbuchstabe lateinisches Alphabet rKleinbuchstabe lateinisches Alphabet rs
Kleinbuchstabe lateinisches Alphabet sttttKleinbuchstabe lateinisches Alphabet t
uKleinbuchstabe lateinisches Alphabet uKleinbuchstabe lateinisches Alphabet uKleinbuchstabe lateinisches Alphabet uKleinbuchstabe lateinisches Alphabet uv
Kleinbuchstabe lateinisches Alphabet vwwwwKleinbuchstabe lateinisches Alphabet w
xKleinbuchstabe lateinisches Alphabet xKleinbuchstabe lateinisches Alphabet xKleinbuchstabe lateinisches Alphabet xKleinbuchstabe lateinisches Alphabet xy
Kleinbuchstabe lateinisches Alphabet yzzzzKleinbuchstabe lateinisches Alphabet z
123{{{{Linkshaken
124||||Vertikales Strichzeichen
125}}}}Rechtshaken
126~~~~Tilde
127DEL    
128   Eurozeichen
129 ̢̢̢single right-pointing angle quotation mark
130 ̠  Einzelnes tiefes Anführungszeichen
131 ̞  Kleinbuchstabe lateinisches Alphabet f mit Haken
132 ̜  Doppeltes tiefes Anführungszeichen
133 ...  Horizontales Ellipsenzeichen
134 ̚  Doppelter Unterstrich
̘ Schwert  ̖
Doppeltes Schwert ̔  Modifikatorbuchstabe Akut
137 ̐  Promillezeichen
138 ̌  Großes lateinisches Alphabetzeichen S mit Kringel
139 ̊  Einzelnes linkes spitzes Anführungszeichen
140 ̈  Großes lateinisches Ligaturzeichen OE
141 ̆̆̆single right-pointing angle quotation mark
142 ̄  Großes lateinisches Alphabetzeichen Z mit Kringel
143 ̂̂̂single right-pointing angle quotation mark
144 °°°single right-pointing angle quotation mark
145 '  '
146 '  Rechtsschreibzeichen
147 "  "
148 "  Rechtsschreibzeichen
149 •  bullet
150 –  en dash
151 not available for translation  149
• bullet  –
en dash —  em dash
152 ˜  small tilde
153 ™  trade mark sign
154 š  Latin small letter s with caron
155 ›››single right-pointing angle quotation mark
156 œ  Latin small ligature oe
157   NOT USED
158    ž
Latin small letter z with caron 159159159Ÿ
Latin capital letter Y with diaeresis 160160160no-break space
¡ inverted exclamation markinverted exclamation markinverted exclamation mark¢
cent sign £££pound sign
¤ currency signcurrency signcurrency sign¥
yen sign 166166166¦
broken bar 167167167§
section sign 168168168¨
diaeresis 169169169©
copyright sign 170170170ª
feminine ordinal indicator 171171171«
left-pointing double angle quotation mark 172172172¬
not sign ­­­soft hyphen
174 ®®®registered sign
175 ¯¯¯macron
176 °°°degree sign
177 ±±±plus-minus sign
178 ²²²superscript two
179 ³³³superscript three
180 ´´´acute accent
181 µµµmicro sign
182 pilcrow sign
183 ···middle dot
184 ¸¸¸cedilla
185 ¹¹¹superscript one
186 ºººmasculine ordinal indicator
187 »»»doppeltes rechteckiges Anführungszeichen nach rechts
188 ¼¼¼Bruch von einem Viertel
189 ½½½Bruch von der Hälfte
190 ¾¾¾Bruch von drei Vierteln
191 ¿¿¿umgekehrtes Fragezeichen
192 ÀÀÀLateinischer Großbuchstabe A mit Grab
193 ÁÁÁLateinischer Großbuchstabe A mit Akut
194 ÂÂÂLateinischer Großbuchstabe A mit Akut
195 ÃÃÃLateinischer Großbuchstabe A mit Tilde
196 ÄÄÄLateinischer Großbuchstabe A mit Trema
197 ÅÅÅLateinischer Großbuchstabe A mit Ring über
198 ÆÆÆLateinischer Großbuchstabe AE
199 ÇÇÇLateinischer Großbuchstabe C mit Kombinator
200 ÈÈÈLateinischer Großbuchstabe E mit Grab
201 ÉÉÉLateinischer Großbuchstabe E mit Akut
202 ÊÊÊLateinischer Großbuchstabe E mit Akut
203 ËËËLateinischer Großbuchstabe E mit Trema
204 ÌÌÌLateinischer Großbuchstabe I mit Grab
205 ÍÍÍLateinischer Großbuchstabe I mit Akut
206 ÎÎÎLateinischer Großbuchstabe I mit Akut
207 ÏÏÏLateinischer Großbuchstabe I mit Trema
208 ÐÐÐLateinischer Großbuchstabe Eth
209 ÑÑÑLateinischer Großbuchstabe N mit Tilde
210 ÒÒÒLateinischer Grossbuchstabe O mit Tilde
211 ÓÓÓLateinischer Grossbuchstabe O mit Tilde
212 ÔÔÔLateinischer Grossbuchstabe O mit Akut
213 ÕÕÕLateinischer Grossbuchstabe O mit Tilde
214 ÖÖÖLateinischer Grossbuchstabe O mit Dieresis
215 ×××Multiplikationszeichen
216 ØØØLateinischer Grossbuchstabe O mit Strich
217 ÙÙÙLateinischer Grossbuchstabe U mit Tilde
218 ÚÚÚLateinischer Grossbuchstabe U mit Tilde
219 ÛÛÛLateinischer Grossbuchstabe U mit Akut
220 ÜÜÜLateinischer Grossbuchstabe U mit Dieresis
221 ÝÝÝLateinischer Grossbuchstabe Y mit Akut
222 ÞÞÞLateinischer Grossbuchstabe Thorn
223 ßßßLateinischer Kleinbuchstabe s mit Scharf
224 àààLateinischer Kleinbuchstabe a mit Tilde
225 áááLateinischer Kleinbuchstabe a mit Tilde
226 âââLateinischer Kleinbuchstabe a mit Akut
227 ãããLateinischer Kleinbuchstabe a mit Tilde
228 äääLateinischer Kleinbuchstabe a mit Dieresis
229 åååLateinischer Kleinbuchstabe a mit Ring oben
230 æææLateinischer Kleinbuchstabe ae
231 çççLateinischer Kleinbuchstabe c mit Akut
232 èèèLateinischer Kleinbuchstabe e mit Tilde
233 éééLateinischer Kleinbuchstabe e mit Akut
234 êêêLateinischer Kleinbuchstabe e mit Akut
235 ëëëLateinischer Kleinbuchstabe e mit Trema
236 ìììLateinischer Kleinbuchstabe i mit Grab
237 íííLateinischer Kleinbuchstabe i mit Akut
238 îîîLateinischer Kleinbuchstabe i mit Akut
239 ïïïLateinischer Kleinbuchstabe i mit Trema
240 ðððLateinischer Kleinbuchstabe eth
241 ñññLateinischer Kleinbuchstabe n mit Tilde
242 òòòLateinischer Kleinbuchstabe o mit Grab
243 óóóLateinischer Kleinbuchstabe o mit Akut
244 ôôôLateinischer Kleinbuchstabe o mit Akut
245 õõõLateinischer Kleinbuchstabe o mit Tilde
246 öööLateinischer Kleinbuchstabe o mit Trema
247 ÷÷÷Divisionssymbol
248 øøøLateinischer Kleinbuchstabe o mit Streich
249 ùùùLateinischer Kleinbuchstabe u mit Grab
250 úúúLateinischer Kleinbuchstabe u mit Akut
251 ûûûLateinischer Kleinbuchstabe mit Akut
252 üüüLateinischer Kleinbuchstabe u mit Trema
253 ýýýLateinischer Kleinbuchstabe y mit Akut
254 þþþLateinischer Kleinbuchstabe thorn
255 ÿÿÿLateinischer Kleinbuchstabe y mit Trema

ASCII-Zeichensatz

ASCII verwendet Werte zwischen 0 und 31 (sowie 127) als Kontrollzeichen.

ASCII verwendet Werte von 32 bis 126, um Buchstaben, Ziffern und Symbole darzustellen.

ASCII verwendet keine Werte von 128 bis 255.

ANSI Zeichensatz (Windows-1252)

Für Werte von 0 bis 127 ist ANSI mit ASCII identisch.

ANSI hat eine Reihe eigener Zeichen, deren Werte von 128 bis 159 reichen.

Für Werte von 160 bis 255 ist ANSI mit UTF-8 identisch.

ISO-8859-1 Zeichensatz

Für Werte von 0 bis 127 ist 8859-1 mit ASCII identisch.

8859-1 verwendet keine Werte von 128 bis 159.

Für Werte von 160 bis 255 ist 8859-1 mit UTF-8 identisch.

UTF-8 Zeichensatz

Für Werte von 0 bis 127 ist UTF-8 mit ASCII identisch.

UTF-8 verwendet keine Werte von 128 bis 159.

Für Werte von 160 bis 255 ist UTF-8 mit ANSI und 8859-1 identisch.

UTF-8 setzt ab dem Wert 256 fort und enthält über 10000 verschiedene Zeichen.

Für eine tiefere Analyse lesen Sie bitte unser vollständiges HTML Zeichensatzreferenzhandbuch.

@charset CSS Regel

Sie können die CSS @charset Regel verwenden, um die Zeichensatzkodierung in der Stilblätter zu spezifizieren:

Beispiel

Die Kodierung der Stilblätter auf Unicode UTF-8 einstellen:

@charset "UTF-8";

Mehr dazu finden Sie in unserem CSS Referenzhandbuch. CSS @charset Regel Inhalt.