Κωδικοποίηση HTML (Σύνολο Σημείων)

为了正确显示 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
3938383838&
39''''40
(Αριστερή παρενθέσηΑριστερή παρενθέσηΑριστερή παρενθέσηΑριστερή παρενθέση41
)Δεξί παρενθέσηΔεξί παρενθέσηΔεξί παρενθέσηΔεξί παρενθέση*
Αστερίσκος42424242+
Σύμβολο προσθήκης43434343,
Κόμμα45454545-
Μινός46464646.
Πόντος47474747/
Στοιχείο484848480
Όχνη μηδέν494949491
Όχνη ένα505050502
Όχνη ένα515151513
Όχνη δύο525252524
Όχνη τρία535353535
Όχνη τέσσερα545454546
Όχνη πέντε555555557
Όχνη έξι565656568
Όχνη οκτώ575757579
Όχνη εννέα58585858:
Colon59595959;
Σemicolon60606060<
Σύμβολο μικρότερο από61616161=
Σύμβολο ισού62626262>
Σύμβολο μεγαλύτερο από????Όνειρος
64@@@@Εμπορικό @
65AAAAΛατινικό κεφαλαίο γράμμα A
66BBBBΛατινικό κεφαλαίο γράμμα B
67CCCCΛατινικό κεφαλαίο γράμμα C
68DDDDΛατινικό κεφαλαίο γράμμα D
69EEEEΛατινικό κεφαλαίο γράμμα E
70FFFFΛατινικό κεφαλαίο γράμμα F
71GGGGΛατινικό κεφαλαίο γράμμα G
72HHHHΛατινικό κεφαλαίο γράμμα H
73IIIIΛατινικό κεφαλαίο γράμμα I
74JJJJΛατινικό κεφαλαίο γράμμα J
75KKKKΛατινικό κεφαλαίο γράμμα K
76LLLLΛατινικό κεφαλαίο γράμμα L
77MMMMΛατινικό κεφαλαίο γράμμα M
78NNNNΛατινικό κεφαλαίο γράμμα N
79OOOOΛατινικό κεφαλαίο γράμμα O
Latin capital letter MΝΝΝΝLatin capital letter N
ΟLatin 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
114rrrrΛατινικό μικρό γράμμα r
115ssssΛατινικό μικρό γράμμα s
116ttttΛατινικό μικρό γράμμα t
117uuuuΛατινικό μικρό γράμμα u
118vvvvΛατινικό μικρό γράμμα v
119wwwwΛατινικό μικρό γράμμα w
120xxxxΛατινικό μικρό γράμμα x
121yyyyΛατινικό μικρό γράμμα y
122zzzzΛατινικό μικρό γράμμα z
123{{{{Αριστερός κλειστός παρενθέσεις
124||||Κάθετος
125}}}}Δεξίς κλειστός παρενθέσεις
126˜˜˜˜Άντρο
127Διαγραφή    
128   Σύμβολο ευρώ
129 ˁˁˁsingle right-pointing angle quotation mark
130 131  ˂
Μοναδική χαμηλή παύλα 132  ˃
Λατινικό μικρό γράμμα f με κύμα 133  ˄
Διπλή χαμηλή παύλα   Οριζόντια τριγωνική παύλα
134 ˆ  Μόνο δάκτυλο
135 ˇ  Διπλό δάκτυλο
136 ˆ  Σύμβολο τόνου
137 ˉ  Σύμβολο χιλιοστών
138 ˊ  Λατινικό κεφαλαίο γράμμα S με καρόνα
139 ˋ  Μοναδικός αριστερός γωνιακός δακτυλιος
140 ˌ  Λατινική συμφώνηση OE
141 ˎˎˎsingle right-pointing angle quotation mark
142 ˍ  Λατινικό κεφαλαίο γράμμα Z με καρόνα
143 ˇˇˇsingle right-pointing angle quotation mark
144 ´´´single right-pointing angle quotation mark
145   Αριστερός μονός δακτυλιος
146   Δεξίς μονός δακτυλιος
147   Αριστερός διπλός δακτυλιος
148   Όρθιος διπλός δακτυλιος
not available for translation not available for translation  not available for translation
not available for translation not available for translation  not available for translation
not available for translation 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 »»»διπλό τελεία αναγνώρισης
187 ¼¼¼φραστική čверть
188 ½½½φραστική μισή
189 ¾¾¾φραστική τρίτη
191 ¿¿¿παρέκκλιση ερωτητικού
Α` (Αε) 193193193Α
Α` (Αε) 194194194Α
Α' (Αε) 195195195Α
Α^ (Αε) ΑΑΑΑ~ (Αε)
196 ΑΑΑΑ' (Αε)
197 ΑΑΑΑ' (Αε)
198 ΑΕΑΕΑΕΑΕ (Αε)
199 ΚΚΚΚ' (Καππα)
200 ΕΕΕΕ` (Εθνα)
201 ΕΕΕΕ' (Εθνα)
202 ΕΕΕΕ^ (Εθνα)
203 ΕΕΕΕ' (Εθνα)
204 ΙΙΙΙ` (Ιοαννίτικο)
205 ΙΙΙΙ' (Ιοαννίτικο)
206 ΙΙΙΙ^ (Ιονατικό)
207 ΙΙΙΙ' (Ιωαννίτικο)
208 ΔΔΔΕθ (Εθνα)
209 ΝΝΝΝ' (Νεωκυριάκι)
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 éééΚατώτερη γράμμα Latin με acute
234 êêêΚατώτερη γράμμα Latin με circumflex
235 ëëëΚατώτερη γράμμα Latin με diaeresis
236 ìììΚατώτερη γράμμα Latin με grave
237 íííΚατώτερη γράμμα Latin με acute
238 îîîΚατώτερη γράμμα Latin με circumflex
239 ïïïΚατώτερη γράμμα Latin με diaeresis
240 ðððΚατώτερη γράμμα Latin με eth
241 ñññΚατώτερη γράμμα Latin με tilde
242 òòòΚατώτερη γράμμα Latin με grave
243 óóóΚατώτερη γράμμα Latin με acute
244 ôôôΚατώτερη γράμμα Latin με circumflex
245 õõõΚατώτερη γράμμα Latin με tilde
246 öööΚατώτερη γράμμα Latin με diaeresis
247 ÷÷÷Σημείο διαίρεσης
248 øøøΚατώτερη γράμμα Latin με stroke
249 ùùùΚατώτερη γράμμα Latin με grave
250 úúúΚατώτερη γράμμα Latin με acute
251 ûûûΚατώτερη γράμμα Latin με circumflex
252 üüüΚατώτερη γράμμα Latin με diaeresis
253 ýýýΚατώτερη γράμμα Latin με acute
254 þþþΚατώτερη γράμμα Latin με thorn
255 ÿÿÿΚατώτερη γράμμα Latin με diaeresis

ASCII χαρακτήρες

ASCII χρησιμοποιεί τις τιμές 0 έως 31 (και 127) ως χαρακτήρες ελέγχου.

Το ASCII χρησιμοποιεί τιμές από 32 έως 126 για να εκφράσει γράμματα, αριθμούς και συμβόλα.

Το ASCII δεν χρησιμοποιεί τιμές από 128 έως 255.

Συλλογή χαρακτήρων ANSI (Windows-1252)

Για τιμές από 0 έως 127, το ANSI είναι το ίδιο με το ASCII.

Το ANSI έχει ένα σύνολο αποκλειστικών χαρακτήρων, οι τιμές των οποίων κυμαίνονται από 128 έως 159.

Για τιμές από 160 έως 255, το ANSI είναι το ίδιο με το UTF-8.

Συλλογή χαρακτήρων ISO-8859-1

Για τιμές από 0 έως 127, το 8859-1 είναι το ίδιο με το ASCII.

Το 8859-1 δεν χρησιμοποιεί τιμές από 128 έως 159.

Για τιμές από 160 έως 255, το 8859-1 είναι το ίδιο με το UTF-8.

Συλλογή χαρακτήρων UTF-8

Για τιμές από 0 έως 127, το UTF-8 είναι το ίδιο με το ASCII.

Το UTF-8 δεν χρησιμοποιεί τιμές από 128 έως 159.

Για τιμές από 160 έως 255, το UTF-8 είναι το ίδιο με το ANSI και το 8859-1.

Το UTF-8 συνεχίζει από την τιμή 256, περιλαμβάνει περισσότερους από 10000 διαφορετικούς χαρακτήρες.

Για περαιτέρω μελέτη, διαβάστε το πλήρες εγχειρίδιο αναφοράς χαρακτήρων HTML μας.

Κανόνας @charset CSS

Μπορείτε να χρησιμοποιήσετε τον κανόνα @charset CSS για να καθορίσετε την κωδικοποίηση χαρακτήρων που χρησιμοποιείται στο φύλλο στυλ:

Παράδειγμα

Ρύθμιση της κωδικοποίησης του φύλλου στυλ σε Unicode UTF-8:

@charset "UTF-8";

Για περισσότερες πληροφορίες, ανατρέξτε στο Εγχειρίδιο Επεξεργασίας CSS μας Κανόνας @charset CSS Το περιεχόμενο.