HTML-koodaus (merkistö)

Jotta HTML-sivu voidaan näyttää oikein, verkkoselaimen on tiedettävä käytettävä merkistö.

ASCIIsta UTF-8:een

ASCII on ensimmäinen merkistöstandardi. ASCII määrittelee 128:ää merkkiä, joita voidaan käyttää internetissä: luvut (0-9), kirjaimet (A-Z) ja joitakin erikoismerkkejä, kuten: ! $ + - ( ) @ < >.

ISO-8859-1 on HTML 4:n oletusmerkistö. Tämä merkistö tukee 256 eri merkkikoodia. HTML 4 tukee myös UTF-8.

ANSI (Windows-1252) on alkuperäinen Windows-merkistö. ANSI on samanlainen kuin ISO-8859-1, mutta sillä on 32 lisämerkkiä.

HTML5-standardi suosittelee, että verkkokehittäjät käyttävät UTF-8-merkistöä, joka kattaa lähes kaikki maailman merkit ja symbolit!

HTML charset-ominaisuus

Jotta HTML-sivu voidaan näyttää oikein, verkkoselaimen on tiedettävä sivulla käytettävä merkistö.

Tämä <meta> määritetään merkinnässä:

<meta charset="UTF-8">

Kokeile itse

Merkistöjen väliset erot

Seuraavassa taulukossa esitetään edellä mainittujen merkistöjen väliset erot:

Numb ASCII ANSI 8859 UTF-8 kuvaus
32 space
33!!!!exclamation mark
34""""quotation mark
35####number sign
36$$$$dollar sign
37%%%%prosenttimerkki
38&&&&ampersand
Thirty-eight38383838&
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
10280808080P
Latin capital letter P81818181Q
Latin capital letter Q82828282R
Latin capital letter R83838383S
Latin capital letter S84848484T
Latin capital letter T85858585U
Latin capital letter U86868686V
Latin capital letter V87878787W
Latin capital letter W88888888X
Latin capital letter X89898989Y
Latin capital letter Y90909090Z
Latin capital letter Z91919191[
left square bracket92929292\
reverse solidus93939393]
right square bracket94949494^
circumflex accent____low line
96````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
latinokirjain lmmmmlatinokirjain m
nlatinokirjain nlatinokirjain nlatinokirjain nlatinokirjain no
latinokirjain opppplatinokirjain p
rlatinokirjain rlatinokirjain rlatinokirjain rlatinokirjain rs
latinokirjain sttttlatinokirjain t
ulatinokirjain ulatinokirjain ulatinokirjain ulatinokirjain uv
latinokirjain vwwwwlatinokirjain w
xlatinokirjain xlatinokirjain xlatinokirjain xlatinokirjain xy
latinokirjain yzzzzlatinokirjain z
123{{{{vasen sulu
124||||pystysuuntainen viiva
125}}}}oikea sulu
126~~~~tavi
127DEL    
128   euro merkki
129 ˂˂˂single right-pointing angle quotation mark
130 ˂  yksinkertainen matala 9 lainausmerkki
131 ˆ  latinokirjain f viivalla
132 ˆ  kaksinkertainen matala 9 lainausmerkki
133   horisontaalinen kolmipiste
134 ˆ  teräinen
135 ˇ  kaksinkertainen teräinen
136 ˇ  kierrepäivitys merkki
137 ˇ  tuhat merkin merkki
138 ˇ  latinokirjain S kiertokannessa
139 ˊ  yksinkertainen vasen suuntava angle lainausmerkki
140 ˌ  latinokirjain OE yhdistelmä
141 ˇˇˇsingle right-pointing angle quotation mark
142 ˆ  latinokirjain Z kiertokannessa
143 ˇˇˇsingle right-pointing angle quotation mark
144 ˇˇˇsingle right-pointing angle quotation mark
145   vasen yksinkertainen lainausmerkki
146   oikea yksinkertainen lainausmerkki
147 "  vasen kaksinkertainen lainausmerkki
148 "  oikea kaksinkertainen lainausmerkki
149 •  bullet
150 –  en dash
151 —  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 éééPienikokoinen latinalainen kirjain e, jossa on akute
234 êêêPienikokoinen latinalainen kirjain e, jossa on circumflex
235 ëëëPienikokoinen latinalainen kirjain e, jossa on diaeresis
236 ìììPienikokoinen latinalainen kirjain i, jossa on grave
237 íííPienikokoinen latinalainen kirjain i, jossa on akute
238 îîîPienikokoinen latinalainen kirjain i, jossa on circumflex
239 ïïïPienikokoinen latinalainen kirjain i, jossa on diaeresis
240 ðððPienikokoinen latinalainen kirjain eth
241 ñññPienikokoinen latinalainen kirjain n, jossa on tilde
242 òòòPienikokoinen latinalainen kirjain o, jossa on grave
243 óóóPienikokoinen latinalainen kirjain o, jossa on akute
244 ôôôPienikokoinen latinalainen kirjain o, jossa on circumflex
245 õõõPienikokoinen latinalainen kirjain o, jossa on tilde
246 öööPienikokoinen latinalainen kirjain o, jossa on diaeresis
247 ÷÷÷Jako merkki
248 øøøPienikokoinen latinalainen kirjain o, jossa on stroke
249 ùùùPienikokoinen latinalainen kirjain u, jossa on grave
250 úúúPienikokoinen latinalainen kirjain u, jossa on akute
251 ûûûLatinalainen kirjain, jossa on circumflex
252 üüüPienikokoinen latinalainen kirjain u, jossa on diaeresis
253 ýýýPienikokoinen latinalainen kirjain y, jossa on akute
254 þþþPienikokoinen latinalainen kirjain thorn
255 ÿÿÿPienikokoinen latinalainen kirjain y, jossa on diaeresis

ASCII-merkkijono

ASCII käyttää arvoja 0-31 (sekä 127) hallintamerkkienä.

ASCII käyttää arvoja 32-126 edustamaan kirjaimia, numeroita ja symbolia.

ASCII ei käytä arvoja 128-255.

ANSI merkistö (Windows-1252)

Arvoista 0-127, ANSI on sama kuin ASCII.

ANSI:lla on oma joukko erityisiä merkkejä, joiden arvot ovat 128-159.

Arvoista 160-255, ANSI on sama kuin UTF-8.

ISO-8859-1 merkistö

Arvoista 0-127, 8859-1 on sama kuin ASCII.

8859-1 ei käytä arvoja 128-159.

Arvoista 160-255, 8859-1 on sama kuin UTF-8.

UTF-8 merkistö

Arvoista 0-127, UTF-8 on sama kuin ASCII.

UTF-8 ei käytä arvoja 8-159.

Arvoista 160-255, UTF-8 on sama kuin ANSI ja 8859-1.

UTF-8 jatkuu arvosta 256 ja sisältää yli 10000 eri merkkiä.

Syvällisemmälle tutkimiseen lue täydellinen HTML merkkikoodisto viittausopas.

@charset CSS sääntö

Voit käyttää CSS @charset sääntöä määrittääksesi tyyleissä käytettävän merkistökoodauksen:

Esimerkki

Aseta tyylettä käytettävä Unicode UTF-8 koodaus:

@charset "UTF-8";

Lisätietoja löydät CSS Viittausopastamme CSS @charset sääntö sisältö.