HTML エンコーディング(文字セット)
HTMLページを正しく表示するために、Webブラウザは使用する文字セットを知らなければなりません。
ASCIIからUTF-8へ
ASCIIは最初の文字エンコーディング標準です。ASCIIはインターネットで使用できる128種類の文字を定義しています:数字(0-9)、英文字母(A-Z)および特定のシンボルなど、! $ + - ( ) @ < >。
ISO-8859-1はHTML4のデフォルトの文字セットです。この文字セットは256個の異なる文字コードをサポートしています。HTML4は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">
文字セット間の違い
以下の表は、上記の文字セット間の違いを示しています:
ナンバー | ASCII | ANSI | 8859 | UTF-8 | 説明 |
---|---|---|---|---|---|
32 | スペース | ||||
33 | ! | ! | ! | ! | エクスクラメーションマーク |
34 | " | " | " | " | クオートマーク |
35 | # | # | # | # | ナンバーシグン |
36 | $ | $ | $ | $ | ドルシグン |
37 | % | % | % | % | パーセントシグン |
38 | & | & | & | & | ampersand |
39 | ' | ' | ' | ' | 38 |
& | アンペラーズ | アンペラーズ | アンペラーズ | アンペラーズ | ' |
アポストロフィー | 40 | 40 | 40 | 40 | ( |
左括弧 | 41 | 41 | 41 | 41 | ) |
右括弧 | * | * | * | * | アスタリスク |
+ | プラス記号 | プラス記号 | プラス記号 | プラス記号 | , |
カンマ | 45 | 45 | 45 | 45 | - |
ハイフンマイナス | . | . | . | . | ピリオド |
47 | / | / | / | / | 破線 |
48 | 0 | 0 | 0 | 0 | 数字0 |
49 | 1 | 1 | 1 | 1 | 数字1 |
50 | 2 | 2 | 2 | 2 | 数字2 |
51 | 3 | 3 | 3 | 3 | 数字3 |
52 | 4 | 4 | 4 | 4 | 数字4 |
53 | 5 | 5 | 5 | 5 | 数字5 |
54 | 6 | 6 | 6 | 6 | 数字6 |
55 | 7 | 7 | 7 | 7 | 数字7 |
56 | 8 | 8 | 8 | 8 | 数字8 |
57 | 9 | 9 | 9 | 9 | 数字9 |
58 | : | : | : | : | 冒号 |
60 | 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 | r | r | r | r | 小文字r |
115 | s | s | s | s | 小文字s |
116 | t | t | t | t | 小文字t |
117 | u | u | u | u | 小文字u |
118 | v | v | v | v | 小文字v |
119 | w | w | w | w | 小文字w |
120 | x | x | x | x | 小文字x |
121 | y | y | y | y | 小文字y |
122 | z | z | z | z | 小文字z |
123 | { | { | { | { | 左カッコ |
124 | | | | | | | | | 垂直線 |
125 | } | } | } | } | 右カッコ |
126 | ~ | ~ | ~ | ~ | タilde |
127 | DEL | ||||
128 | € | ユーロ記号 | |||
129 | ˇ | ˇ | ˇ | single right-pointing angle quotation mark | |
130 | ˇ | 低9の引用符 | |||
131 | ˇ | 小文字fにハOOK | |||
132 | ˇ | 二重低9の引用符 | |||
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 | 「 | 右双引号 | |||
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 | » | » | » | 右向双引号 | |
188 | ¼ | ¼ | ¼ | 分数四分之一 | |
189 | ½ | ½ | ½ | 分数一半 | |
190 | ¾ | ¾ | ¾ | 分数三又四分之一 | |
191 | ¿ | ¿ | ¿ | 倒置的问号 | |
192 | À | À | À | 大写字母A上面有重音 | |
193 | Á | Á | Á | 大写字母A上面有尖角 | |
194 | Â | Â | Â | 大写字母A上面有反钩 | |
195 | Ã | Ã | Ã | 大写字母A上面有波浪线 | |
196 | Ä | Ä | Ä | 大写字母A上面有二点 | |
197 | Å | Å | Å | 大写字母A上面有圆环 | |
198 | Æ | Æ | Æ | 大写字母AE | |
199 | Ç | Ç | Ç | 大写字母C下面有连字符 | |
200 | È | È | È | 大写字母E上面有重音 | |
201 | É | É | É | 大写字母E上面有尖角 | |
202 | Ê | Ê | Ê | 大写字母E上面有反钩 | |
203 | Ë | Ë | Ë | 大写字母E上面有二点 | |
204 | Ì | Ì | Ì | 大写字母I上面有重音 | |
205 | Í | Í | Í | 大写字母I上面有尖角 | |
206 | Î | Î | Î | 大写字母I上面有反钩 | |
207 | Ï | Ï | Ï | 大写字母I上面有二点 | |
208 | Ð | Ð | Ð | 大写字母Eth | |
209 | Ñ | Ñ | Ñ | N字母上面有波浪线 | |
210 | Ò | Ò | Ò | ラテン大文字O、グレイブ付き | |
211 | Ó | Ó | Ó | ラテン大文字O、アクセント付き | |
212 | Ô | Ô | Ô | ラテン大文字O、カール付き | |
213 | Õ | Õ | Õ | ラテン大文字O、トレマ付き | |
214 | Ö | Ö | Ö | ラテン大文字O、二重点付き | |
215 | × | × | × | 乗算記号 | |
216 | Ø | Ø | Ø | ラテン大文字O、ストローク付き | |
217 | Ù | Ù | Ù | ラテン大文字U、グレイブ付き | |
218 | Ú | Ú | Ú | ラテン大文字U、アクセント付き | |
219 | Û | Û | Û | ラテン大文字U、カール付き | |
220 | Ü | Ü | Ü | ラテン大文字U、二重点付き | |
221 | Ý | Ý | Ý | ラテン大文字Y、アクセント付き | |
222 | Þ | Þ | Þ | ラテン大文字ス | |
223 | ß | ß | ß | ラテン小文字シャープエス | |
224 | à | à | à | ラテン小文字エ、グレイブ付き | |
225 | á | á | á | ラテン小文字エ、アクセント付き | |
226 | â | â | â | ラテン小文字エ、カール付き | |
227 | ã | ã | ã | ラテン小文字エ、トレマ付き | |
228 | ä | ä | ä | ラテン小文字エ、二重点付き | |
229 | å | å | å | ラテン小文字エ、リング付き | |
230 | æ | æ | æ | ラテン小文字エー | |
231 | ç | ç | ç | ラテン小文字シ、セディル付き | |
232 | è | è | è | ラテン小文字エ、グレイブ付き | |
233 | é | é | é | 小文字のラテン文字eに鋭い | |
234 | ê | ê | ê | 小文字のラテン文字eに円周記号 | |
235 | ë | ë | ë | 小文字のラテン文字eに重音記号 | |
236 | ì | ì | ì | 小文字のラテン文字iに重い | |
237 | í | í | í | 小文字のラテン文字iに鋭い | |
238 | î | î | î | 小文字のラテン文字iに円周記号 | |
239 | ï | ï | ï | 小文字のラテン文字iに重音記号 | |
240 | ð | ð | ð | 小文字のラテン文字eth | |
241 | ñ | ñ | ñ | 小文字のラテン文字nにフタオ | |
242 | ò | ò | ò | 小文字のラテン文字oに重い | |
243 | ó | ó | ó | 小文字のラテン文字oに鋭い | |
244 | ô | ô | ô | 小文字のラテン文字oに円周記号 | |
245 | õ | õ | õ | 小文字のラテン文字oにフタオ | |
246 | ö | ö | ö | 小文字のラテン文字oに重音記号 | |
247 | ÷ | ÷ | ÷ | 除算記号 | |
248 | ø | ø | ø | ラテン文字oにストローク | |
249 | ù | ù | ù | 小文字のラテン文字uに重い | |
250 | ú | ú | ú | 小文字のラテン文字uに鋭い | |
251 | û | û | û | ラテン文字に円周記号 | |
252 | ü | ü | ü | 小文字のラテン文字uに重音記号 | |
253 | ý | ý | ý | 小文字のラテン文字yに鋭い | |
254 | þ | þ | þ | 小文字のラテン文字thorn | |
255 | ÿ | ÿ | ÿ | 小文字のラテン文字yに重音記号 |
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 から 159 までの値を使用しません。
値 160 から 255 までの範囲では、UTF-8 は ANSI および 8859-1 と同じです。
UTF-8 は値 256 から続き、10,000 以上の異なる文字を含んでいます。
さらに詳しく知りたい場合は、完全な HTML 字符セットリファレンスマニュアルを読んでください。
CSS @charset ルール
CSS @charset ルールを使用して、スタイルシートで使用する文字エンコーディングを指定できます:
例
スタイルシートのエンコーディングを Unicode UTF-8 に設定します:
@charset "UTF-8";
詳細については、CSS リファレンスマニュアルを参照してください。 CSS @charset ルール の内容。