Codifica HTML (Carattere Set)

为了正确显示 HTML 页面,Web 浏览器必须知道要使用哪个字符集。

从 ASCII 到 UTF-8

ASCII 是第一个字符编码标准。ASCII 定义了 128 种可以在互联网上使用的字符:数字(0-9)、英文字母(A-Z)和一些特殊字符,比如:! $ + - ( ) @ < >。

ISO-8859-1 是 HTML 4 的默认字符集。此字符集支持 256 个不同的字符代码。HTML 4 同时支持 UTF-8。

ANSI(Windows-1252)是原始的 Windows 字符集。 ANSI 与 ISO-8859-1 相同,不同之处在于 ANSI 具有 32 个额外的字符。

HTML5 规范鼓励 Web 开发人员使用 UTF-8 字符集,该字符集涵盖了世界上几乎所有的字符和符号!

HTML charset 属性

为了正确显示 HTML 页面,Web 浏览器必须了解页面中使用的字符集。

这在 <meta> 标签中指定:

<meta charset="UTF-8">

亲自试一试

字符集之间的差异

下表展示了上述字符集之间的区别:

Numb ASCII ANSI 8859 UTF-8 Description
32 space
33!!!!exclamation mark
34""""quotation mark
35####number sign
36$$$$dollar sign
37%%%%percent sign
38&&&&ampersand
39''''apostrophe
38&&&&e commerciale
39''''apostrofo
40((((parentesi sinistra
41))))parentesi destra
*asteriscoasteriscoasteriscoasterisco+
segno più,,,,virgola
45----trattino
46....punto
47////barra
48zerozerozerozero49
uno1111cinquanta
2dueduedueduecinquanta
3cinquantunocinquantunocinquantunocinquantuno4
cinquantadue5555cinque
cinquantaquattro6666sei
cinquantatre5555cinquantacinque
5cinquecinquecinquecinque7
sette565656568
otto575757579
nove58585858:
due punti59595959;
punto e virgola60606060<
segno di minore====segno di uguaglianza
>segno di maggioresegno di maggioresegno di maggioresegno di maggiore?
punto di domanda64646464@
commercial at65656565A
Lettere maiuscola latina ABBBBLettere maiuscola latina B
67CCCCLettere maiuscola latina C
68DDDDLettere maiuscola latina D
69EEEELettere maiuscola latina E
70FFFFLettere maiuscola latina F
71GGGGLettere maiuscola latina G
72HHHHLettere maiuscola latina H
73IIIILettere maiuscola latina I
74JJJJLettere maiuscola latina J
75KKKKLettere maiuscola latina K
76LLLLLettere maiuscola latina L
77MMMMLettere maiuscola latina M
78NNNNLettere maiuscola latina N
79OOOOLettere maiuscola latina 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
114rrrrLatin small letter r
115ssssLatin small letter s
116ttttLatin small letter t
117114114114114r
rsssss
tttttu
uvvvvv
wwwwwx
xyyyyy
zzzzz{
parentesi graffa sinistra||||barra verticale
125}}}}parentesi graffa destra
126~~~~tilde
127DEL    
128 caron  segno euro
129 caroncaroncaronsingle right-pointing angle quotation mark
130 caron  virgoletta bassa singola
131 caron  f con gancio
132 caron  virgoletta bassa doppia
133 caron  ellisse orizzontale
134 caron  coltello
135 caron  doppio coltello
136 caron  modificatore di accento circonflesso
137 caron  segno per mille
138 caron  S con caron
139 caron  virgoletta obliqua sinistra
140 caron  ligatura OE
141 caroncaroncaronsingle right-pointing angle quotation mark
142 caron  Z con caron
143 caroncaroncaronsingle right-pointing angle quotation mark
144 caroncaroncaronsingle right-pointing angle quotation mark
145 '  virgoletta singola
146 '  virgoletta singola
147 "  virgoletta doppia
148 "  virgolette doppia
149 •  bullet
150 –  en dash
151 non utilizzato  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 »»»
» Virgoletta doppietta puntata a destraVirgoletta doppietta puntata a destraVirgoletta doppietta puntata a destra188
¼ Frazione comune un quartoFrazione comune un quartoFrazione comune un quarto½
Frazione comune metà ¾¾¾Frazione comune tre quarti
191 ¿¿¿Punteggio di domanda invertito
192 ÀÀÀLettere latina maiuscola A con accento morto
193 ÁÁÁLettere latina maiuscola A con accento grave
194 ÂÂÂLettere latina maiuscola A con acuto
195 ÃÃÃLettere latina maiuscola A con tilde
196 ÄÄÄLettere latina maiuscola A con tranne
197 ÅÅÅLettere latina maiuscola A con anello sopra
198 ÆÆÆLettere latina maiuscola AE
199 ÇÇÇLettere latina maiuscola C con cediglia
200 ÈÈÈLettere latina maiuscola E con accento morto
201 ÉÉÉLettere latina maiuscola E con accento grave
202 ÊÊÊLettere latina maiuscola E con acuto
203 ËËËLettere latina maiuscola E con tranne
204 ÌÌÌLettere latina maiuscola I con accento morto
205 ÍÍÍLettere latina maiuscola I con accento grave
206 ÎÎÎLettere latina maiuscola I con acuto
207 ÏÏÏLettere latina maiuscola I con tranne
208 ÐÐÐLettere latina maiuscola Eth
209 ÑÑÑLettere latina maiuscola N con 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é
Lettera latina e con grave 234234234ê
Lettera latina e con acuto 235235235ë
Lettera latina e con diaereSI 236236236ì
Piccola lettera latina i con grave 237237237í
Piccola lettera latina i con grave 238238238î
Piccola lettera latina i con acuto 239239239ï
Piccola lettera latina i con diaereSI 240240240ð
Lettera latina eth 241241241ñ
Piccola lettera latina n con tilde 242242242ò
Piccola lettera latina o con grave 243243243ò
Piccola lettera latina o con grave 244244244ô
Piccola lettera latina o con acuto 245245245õ
Piccola lettera latina o con tilde 246246246ö
Piccola lettera latina o con diaereSI 247247247÷
divisione øøøLettera latina o con tratto
249 ùùùPiccola lettera latina u con tratto
250 úúúPiccola lettera latina u con acuto
251 ûûûLettera latina con acuto
252 üüüPiccola lettera latina u con diaereSI
253 ýýýPiccola lettera latina y con acuto
254 þþþPiccola lettera latina thorn
255 ÿÿÿPiccola lettera latina y con diaereSI

Set di caratteri ASCII

ASCII utilizza i valori da 0 a 31 (e 127) come caratteri di controllo.

ASCII utilizza valori da 32 a 126 per rappresentare lettere, numeri e simboli.

ASCII non utilizza valori da 128 a 255.

Set di caratteri ANSI (Windows-1252)

Per valori da 0 a 127, ANSI è lo stesso di ASCII.

ANSI ha un insieme di caratteri proprietari, i cui valori vanno da 128 a 159.

Per valori da 160 a 255, ANSI è lo stesso di UTF-8.

Set di caratteri ISO-8859-1

Per valori da 0 a 127, 8859-1 è lo stesso di ASCII.

8859-1 non utilizza valori da 128 a 159.

Per valori da 160 a 255, 8859-1 è lo stesso di UTF-8.

Set di caratteri UTF-8

Per valori da 0 a 127, UTF-8 è lo stesso di ASCII.

UTF-8 non utilizza valori da 128 a 159.

Per valori da 160 a 255, UTF-8 è lo stesso di ANSI e 8859-1.

UTF-8 continua da valore 256, includendo oltre 10000 di caratteri diversi.

Per approfondire, leggi il nostro manuale di riferimento completo dei set di caratteri HTML.

Regola @charset CSS

Puoi usare la regola @charset CSS per specificare l'encoding del carattere utilizzato nella tabella di stili:

Esempio

Impostare l'encoding della tabella di stili su Unicode UTF-8:

@charset "UTF-8";

Per ulteriori informazioni, consultare il nostro manuale di riferimento CSS. Regola @charset CSS del contenuto.