HTML kodning (teckenuppsättning)

För att korrekt visa HTML-sidor måste webbläsaren veta vilken teckenuppsättning som ska användas.

Från ASCII till UTF-8

ASCII är den första teckenkodsstandarden. ASCII definierar 128 tecken som kan användas på internet: siffror (0-9), bokstäver (A-Z) och några specialtecken, t.ex.: ! $ + - ( ) @ < >.

ISO-8859-1 är standardteckenuppsättningen för HTML 4. Denna teckenuppsättning stöder 256 olika teckenkoder. HTML 4 stöder också UTF-8.

ANSI (Windows-1252) är den ursprungliga Windows-teckenuppsättningen. ANSI är lika med ISO-8859-1, men med 32 extra tecken.

HTML5-standarden uppmuntrar webbutvecklare att använda UTF-8-teckenuppsättningen, som täcker nästan alla tecken och symboler i världen!

HTML charset-attribut

För att korrekt visa HTML-sidor måste webbläsaren veta vilken teckenuppsättning som används på sidan.

Detta <meta> anges i etiketten:

<meta charset="UTF-8">

Prova själv

Skillnader mellan teckenuppsättningar

Följande tabell visar skillnaden mellan ovanstående teckenuppsättningar:

Numb ASCII ANSI 8859 UTF-8 Beskrivning
32 utrymningstecken
33!!!!utropstecken
34""""citatstecken
35####nummerstecken
36$$$$dollartecken
37%%%%procenttecken
commercial at65656565A
Latin capital letter A38383838&
ampersand39393939'
apostrophe40404040(
left parenthesis41414141)
right parenthesis****asterisk
+plus signplus signplus signplus sign,
comma45454545-
hyphen-minus....full stop
47////solidus
480000digit zero
491111digit one
502222digit two
513333digit three
524444digit four
535555digit five
546666digit six
557777digit seven
568888digit eight
579999digit nine
58::::colon
59;;;;semicolon
60<<<<less-than sign
61====equals sign
62>>>>greater-than sign
63????question mark
64@@@@commercial at
65AAAALatin capital letter A
66BBBBLatin capital letter B
67CCCCLatin capital letter C
68DDDDLatin capital letter D
69EEEELatin capital letter E
70FFFFLatin capital letter F
71GGGGLatin capital letter G
72HHHHLatin capital letter H
73IIIILatin capital letter I
74JJJJLatin capital letter J
75KKKKLatin capital letter K
76LLLLLatin capital letter L
77MMMMLatin capital letter M
78NNNNLatin capital letter N
79OOOOLatin capital letter 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
114rrrrlatinskLitenBokstavR
115sssslatinskLitenBokstavS
116ttttlatinskLitenBokstavT
117uuuulatinskLitenBokstavU
118vvvvlatinskLitenBokstavV
119wwwwlatinskLitenBokstavW
120xxxxlatinskLitenBokstavX
121yyyylatinskLitenBokstavY
122zzzzlatinskLitenBokstavZ
123{{{{vänsterKurvatparentes
124||||vertikalstreck
125}}}}högerKurvatparentes
126˜˜˜˜tilde
127DEL    
128 ¬  eurosymbol
129 ˆˆˆsingle right-pointing angle quotation mark
130   single low-9 quotation mark
131   latinskLitenBokstavFmedHook
132   double low-9 quotation mark
133   horisontell ellips
134 ˆ  dagger
135 ˇ  double dagger
136 ˝  modifier letter circumflex accent
137 ˙  tusendtecknet
138 ˚  latinskStorGammalBokstavSmedCaron
139 ː  enkelVänsterpilcitatstecken
140 ˌ  latinskStorLigaturOE
141 ˜˜˜single right-pointing angle quotation mark
142 ˆ  latinskStorGammalBokstavZmedCaron
143 ˇˇˇsingle right-pointing angle quotation mark
144 ˇˇˇsingle right-pointing angle quotation mark
145   enkelcitatstecken
146   högerEnskiltcitatstecken
147 "  "
148 "  högerDubbelcitatstecken
sjuttonnio sjuttontio  sjuttontio
sjuttonsex sjuttonfem  sjuttonsex
tjugofyra ett tjugofemte  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 »»»right-pointing double angle quotation mark
188 ¼¼¼vulgar fraction one quarter
189 ½½½vulgar fraction one half
190 ¾¾¾vulgar fraction three quarters
191 ¿¿¿inverted question mark
192 ÀÀÀLatin capital letter A with grave
193 ÁÁÁLatin capital letter A with acute
194 ÂÂÂLatin capital letter A with circumflex
195 ÃÃÃLatin capital letter A with tilde
196 ÄÄÄLatin capital letter A with diaeresis
197 ÅÅÅLatin capital letter A with ring above
198 ÆÆÆLatin capital letter AE
199 ÇÇÇLatin capital letter C with cedilla
200 ÈÈÈLatin capital letter E with grave
201 ÉÉÉLatin capital letter E with acute
202 ÊÊÊLatin capital letter E with circumflex
203 ËËËLatin capital letter E with diaeresis
204 ÌÌÌLatin capital letter I with grave
205 ÍÍÍLatin capital letter I with acute
206 ÎÎÎLatin capital letter I with circumflex
207 ÏÏÏLatin capital letter I with diaeresis
208 ÐÐÐLatin capital letter Eth
209 ÑÑÑLatin capital letter N with tilde
210 ÒÒÒLatin capital letter O with grave
211 ÓÓÓLatin capital letter O with acute
212 ÔÔÔLatin capital letter O with circumflex
213 ÕÕÕLatin capital letter O with tilde
214 ÖÖÖLatin capital letter O with diaeresis
215 ×××multiplication sign
216 ØØØLatin capital letter O with stroke
217 ÙÙÙLatin capital letter U with grave
218 ÚÚÚLatin capital letter U with acute
219 ÛÛÛLatin capital letter U with circumflex
220 ÜÜÜLatin capital letter U with diaeresis
221 ÝÝÝLatin capital letter Y with acute
222 ÞÞÞLatin capital letter Thorn
223 ßßßLatin small letter sharp s
224 àààLatin small letter a with grave
225 áááLatin small letter a with acute
226 âââLatin small letter a with circumflex
227 ãããLatin small letter a with tilde
228 äääLatin small letter a with diaeresis
229 åååLatin small letter a with ring above
230 æææLatin small letter ae
231 çççLatin small letter c with cedilla
232 èèèLatin small letter e with grave
233 233233233é
Latin liten bokstav e med accent aigu 234234234ê
Latin liten bokstav e med accent circonflexe 235235235ë
Latin liten bokstav e med diaeresis 236236236ì
Latin liten bokstav i med accent grave 237237237í
Latin liten bokstav i med accent aigu 238238238î
Latin liten bokstav i med accent circonflexe 239239239ï
Latin liten bokstav i med diaeresis 240240240ð
Latin liten bokstav eth 241241241ñ
Latin liten bokstav n med tilde 242242242ò
Latin liten bokstav o med accent grave 243243243ó
Latin liten bokstav o med accent aigu 244244244ô
Latin liten bokstav o med accent circonflexe 245245245õ
Latin liten bokstav o med tilde 246246246ö
Latin liten bokstav o med diaeresis 247247247÷
divisionstecken øøøLatin liten bokstav o med streck
249 ùùùLatin liten bokstav u med accent grave
250 úúúLatin liten bokstav u med accent aigu
251 ûûûLatin liten bokstav med accent circonflexe
252 üüüLatin liten bokstav u med diaeresis
253 ýýýLatin liten bokstav y med accent aigu
254 þþþLatin liten bokstav thorn
255 ÿÿÿLatin liten bokstav y med diaeresis

ASCII-teckenuppsättning

ASCII använder värden mellan 0 och 31 (och 127) som kontrolltecken.

ASCII använder värden mellan 32 och 126 för bokstäver, siffror och symboler.

ASCII använder inte värden mellan 128 och 255.

ANSI Teckenuppsättning (Windows-1252)

För värden mellan 0 och 127 är ANSI samma som ASCII.

ANSI har ett särskilt teckenuppsättning, värdena för vilka är mellan 128 och 159.

För värden mellan 160 och 255 är ANSI samma som UTF-8.

ISO-8859-1 Teckenuppsättning

För värden mellan 0 och 127 är 8859-1 samma som ASCII.

8859-1 använder inte värden mellan 128 och 159.

För värden mellan 160 och 255 är 8859-1 samma som UTF-8.

UTF-8 Teckenuppsättning

För värden mellan 0 och 127 är UTF-8 samma som ASCII.

UTF-8 använder inte värden mellan 128 och 159.

För värden mellan 160 och 255 är UTF-8 samma som ANSI och 8859-1.

UTF-8 fortsätter från värde 256 och innehåller över 10000 olika tecken.

För en djupare förståelse, läs vår fullständiga HTML Teckenuppsättning Referenshandbok.

CSS @charset-regel

Du kan använda CSS @charset-regeln för att specificera teckenkoden som används i stilarken:

Exempel

Ställ in kodningen för stilarken till Unicode UTF-8:

@charset "UTF-8";

Få mer information om detta i vår CSS Referenshandbok CSS @charset-regel innehållet.