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 字符集,该字符集涵盖了世界上几乎所有的字符和符号!
字符集之间的差异
下表展示了上述字符集之间的区别:
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 |
40 | ( | ( | ( | ( | left parenthesis |
41 | ) | ) | ) | ) | right parenthesis |
42 | * | * | * | * | asterisk |
43 | 38 | 38 | 38 | 38 | & |
엔드 | 39 | 39 | 39 | 39 | ' |
알파벳 | 40 | 40 | 40 | 40 | ( |
왼쪽 괄호 | 41 | 41 | 41 | 41 | ) |
오른쪽 괄호 | * | * | * | * | 스타일 |
42 | + | + | + | + | 플러스 기호 |
43 | , | , | , | , | 콤마 |
45 | - | - | - | - | 하이픈 |
46 | . | . | . | . | 점 |
47 | / | / | / | / | 밑줄 |
48 | 0 | 0 | 0 | 0 | 1 |
2 | 3 | 3 | 3 | 3 | 4 |
53 | 5 | 5 | 5 | 5 | 54 |
6 | 55 | 55 | 55 | 55 | 7 |
56 | 8 | 8 | 8 | 8 | 57 |
9 | 58 | 58 | 58 | 58 | : |
콜론 | 59 | 59 | 59 | 59 | ; |
좌표점 | 60 | 60 | 60 | 60 | < |
하이퍼스톤 기호 | 61 | 61 | 61 | 61 | = |
등호 | 62 | 62 | 62 | 62 | > |
가장자리 기호 | ? | ? | ? | ? | 의문표 |
64 | @ | @ | @ | @ | 상업 @ |
65 | A | A | A | A | 라틴 대문자 A |
66 | B | B | B | B | 라틴 대문자 B |
67 | C | C | C | C | 라틴 대문자 C |
68 | D | D | D | D | 라틴 대문자 D |
69 | E | E | E | E | 라틴 대문자 E |
70 | F | F | F | F | 라틴 대문자 F |
71 | G | G | G | G | 라틴 대문자 G |
72 | H | H | H | H | 라틴 대문자 H |
73 | I | I | I | I | 라틴 대문자 I |
74 | J | J | J | J | 라틴 대문자 J |
75 | K | K | K | K | 라틴 대문자 K |
76 | L | L | L | L | 라틴 대문자 L |
77 | M | M | M | M | 라틴 대문자 M |
78 | N | N | N | N | 라틴 대문자 N |
79 | O | O | O | O | 라틴 대문자 O |
Latin capital letter M | N | N | N | N | Latin capital letter N |
O | Latin capital letter O | Latin capital letter O | Latin capital letter O | Latin capital letter O | 80 |
P | Latin capital letter P | Latin capital letter P | Latin capital letter P | Latin capital letter P | 81 |
Q | Latin capital letter Q | Latin capital letter Q | Latin capital letter Q | Latin capital letter Q | 82 |
R | Latin capital letter R | Latin capital letter R | Latin capital letter R | Latin capital letter R | 83 |
S | Latin capital letter S | Latin capital letter S | Latin capital letter S | Latin capital letter S | 84 |
T | Latin capital letter T | Latin capital letter T | Latin capital letter T | Latin capital letter T | 85 |
U | Latin capital letter U | Latin capital letter U | Latin capital letter U | Latin capital letter U | 86 |
V | Latin capital letter V | Latin capital letter V | Latin capital letter V | Latin capital letter V | 87 |
W | Latin capital letter W | Latin capital letter W | Latin capital letter W | Latin capital letter W | 88 |
X | Latin capital letter X | Latin capital letter X | Latin capital letter X | Latin capital letter X | 89 |
Y | Latin capital letter Y | Latin capital letter Y | Latin capital letter Y | Latin capital letter Y | 90 |
Z | Latin capital letter Z | Latin capital letter Z | Latin capital letter Z | Latin capital letter Z | 91 |
[ | left square bracket | left square bracket | left square bracket | left square bracket | \ |
reverse solidus | ] | ] | ] | ] | right square bracket |
^ | circumflex accent | circumflex accent | circumflex accent | circumflex accent | _ |
low line | ` | ` | ` | ` | grave accent |
97 | a | a | a | a | Latin small letter a |
98 | b | b | b | b | Latin small letter b |
99 | c | c | c | c | Latin small letter c |
100 | d | d | d | d | Latin small letter d |
101 | e | e | e | e | Latin small letter e |
102 | f | f | f | f | Latin small letter f |
103 | g | g | g | g | Latin small letter g |
104 | h | h | h | h | Latin small letter h |
105 | i | i | i | i | Latin small letter i |
106 | j | j | j | j | Latin small letter j |
107 | k | k | k | k | Latin small letter k |
108 | l | l | l | l | Latin small letter l |
109 | m | m | m | m | Latin small letter m |
110 | n | n | n | n | Latin small letter n |
111 | o | o | o | o | Latin small letter o |
112 | p | p | p | p | Latin small letter p |
113 | q | q | q | q | Latin small letter q |
114 | 114 | 114 | 114 | 114 | r |
라틴 소문자 r | 115 | 115 | 115 | 115 | s |
라틴 소문자 s | 116 | 116 | 116 | 116 | t |
라틴 소문자 t | 117 | 117 | 117 | 117 | u |
라틴 소문자 u | 118 | 118 | 118 | 118 | v |
라틴 소문자 v | 119 | 119 | 119 | 119 | w |
라틴 소문자 w | 120 | 120 | 120 | 120 | x |
라틴 소문자 x | 121 | 121 | 121 | 121 | y |
라틴 소문자 y | 122 | 122 | 122 | 122 | z |
라틴 소문자 z | 123 | 123 | 123 | 123 | { |
왼쪽 꼴리는 괄호 | 124 | 124 | 124 | 124 | | |
세로 줄 | 125 | 125 | 125 | 125 | } |
오른쪽 꼴리는 괄호 | 126 | 126 | 126 | 126 | ~ |
트림 | 127 | ||||
DEL | 128 | € | |||
유로 기호 | 129 | 129 | 129 | single right-pointing angle quotation mark | |
‐ | 130 | ‚ | |||
단일로우 9 쿼테이션 마크 | 131 | ‘ | |||
호크를 가진 라틴 소문자 f | 132 | “ | |||
듀얼로우 9 쿼테이션 마크 | … | 수평 세그마 | |||
134 | 「 | 호기 | |||
『 | 다게 | 』 | |||
듀얼 다게 | 」 | 커밍크림프 어시스턴트 | |||
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 | " | 오른쪽 더블 쿼테이션 마크 | |||
149 | | bullet | |||
150 | | en dash | |||
151 | 149 | 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 | 159 | 159 | 159 | | |
Latin capital letter Y with diaeresis | 160 | 160 | 160 | no-break space | |
¡ | inverted exclamation mark | inverted exclamation mark | inverted exclamation mark | ¢ | |
cent sign | £ | £ | £ | pound sign | |
¤ | currency sign | currency sign | currency sign | ¥ | |
yen sign | 166 | 166 | 166 | ¦ | |
broken bar | 167 | 167 | 167 | § | |
section sign | 168 | 168 | 168 | ¨ | |
diaeresis | 169 | 169 | 169 | © | |
copyright sign | 170 | 170 | 170 | ª | |
feminine ordinal indicator | 171 | 171 | 171 | « | |
left-pointing double angle quotation mark | 172 | 172 | 172 | ¬ | |
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 | é | é | é | Latin 소문자 e with acute | |
234 | ê | ê | ê | Latin 소문자 e with circumflex | |
235 | ë | ë | ë | Latin 소문자 e with diaeresis | |
236 | ì | ì | ì | Latin 소문자 i with grave | |
237 | í | í | í | Latin 소문자 i with acute | |
238 | î | î | î | Latin 소문자 i with circumflex | |
239 | ï | ï | ï | Latin 소문자 i with diaeresis | |
240 | ð | ð | ð | Latin 소문자 eth | |
241 | ñ | ñ | ñ | Latin 소문자 n with tilde | |
242 | ò | ò | ò | Latin 소문자 o with grave | |
243 | ó | ó | ó | Latin 소문자 o with acute | |
244 | ô | ô | ô | Latin 소문자 o with circumflex | |
245 | õ | õ | õ | Latin 소문자 o with tilde | |
246 | ö | ö | ö | Latin 소문자 o with diaeresis | |
247 | ÷ | ÷ | ÷ | division sign | |
248 | ø | ø | ø | Latin 소문자 o with stroke | |
249 | ù | ù | ù | Latin 소문자 u with grave | |
250 | ú | ú | ú | Latin 소문자 u with acute | |
251 | û | û | û | Latin 소문자 with circumflex | |
252 | ü | ü | ü | Latin 소문자 u with diaeresis | |
253 | ý | ý | ý | Latin 소문자 y with acute | |
254 | þ | þ | þ | Latin 소문자 thorn | |
255 | ÿ | ÿ | ÿ | Latin 소문자 y with 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은 12 8에서 159 사이의 값을 사용하지 않습니다.
160에서 255 사이의 값은 UTF-8과 ANSI 및 8859-1과 동일합니다.
UTF-8은 값 256에서 계속되며, 10,000개 이상의 다른 문자를 포함하고 있습니다.
심화된 연구를 위해, 우리의 완전한 HTML 문자집합 참조 가이드를 읽어 보세요.
@charset CSS 규칙
CSS @charset 규칙을 사용하여 스타일 시트에서 사용하는 문자 인코딩을 지정할 수 있습니다:
예제
스타일 시트의 인코딩을 Unicode UTF-8로 설정하십시오:
@charset "UTF-8";
자세한 내용은 우리의 CSS 참조 가이드에서 확인하세요 CSS @charset 규칙 의 내용.