Codificação HTML (conjuntos de caracteres)
Para exibir uma página HTML corretamente, um navegador da Web deve saber qual conjunto de caracteres usar.
De ASCII para UTF-8
ASCII foi o primeiro padrão de codificação de caracteres. ASCII definiu 128 caracteres diferentes que podem ser usados na internet: números (0-9), letras inglesas (AZ) e alguns caracteres especiais como ! $ + - ( ) @ < > .
ISO-8859-1 era o conjunto de caracteres padrão para HTML 4. Esse conjunto de caracteres suportava 256 códigos de caracteres diferentes. HTML 4 também suporta UTF-8.
ANSI (Windows-1252) era o conjunto de caracteres original do Windows. O ANSI é idêntico ao ISO-8859-1, exceto que o ANSI possui 32 caracteres extras.
A especificação HTML5 incentiva os desenvolvedores da Web a usar o conjunto de caracteres UTF-8, que abrange quase todos os caracteres e símbolos do mundo!
O atributo do conjunto de caracteres HTML
Para exibir uma página HTML corretamente, um navegador da Web deve conhecer o conjunto de caracteres usado na página.
Isso é especificado na <meta>tag:
<meta charset="UTF-8">
Diferenças entre conjuntos de caracteres
A tabela a seguir exibe as diferenças entre os conjuntos de caracteres descritos acima:
| Entorpecido | ASCII | ANSI | 8859 | UTF-8 | Descrição |
|---|---|---|---|---|---|
| 32 | espaço | ||||
| 33 | ! | ! | ! | ! | ponto de exclamação |
| 34 | " | " | " | " | Aspa |
| 35 | # | # | # | # | sinal de número |
| 36 | $ | $ | $ | $ | cifrão |
| 37 | % | % | % | % | sinal de porcentagem |
| 38 | & | & | & | & | e comercial |
| 39 | ' | ' | ' | ' | apóstrofo |
| 40 | ( | ( | ( | ( | parêntese esquerdo |
| 41 | ) | ) | ) | ) | parêntese direito |
| 42 | * | * | * | * | asterisco |
| 43 | + | + | + | + | mais sinal |
| 44 | , | , | , | , | vírgula |
| 45 | - | - | - | - | hífen-menos |
| 46 | . | . | . | . | ponto final |
| 47 | / | / | / | / | solidus |
| 48 | 0 | 0 | 0 | 0 | dígito zero |
| 49 | 1 | 1 | 1 | 1 | dígito um |
| 50 | 2 | 2 | 2 | 2 | dígito dois |
| 51 | 3 | 3 | 3 | 3 | dígito três |
| 52 | 4 | 4 | 4 | 4 | dígito quatro |
| 53 | 5 | 5 | 5 | 5 | dígito cinco |
| 54 | 6 | 6 | 6 | 6 | dígito seis |
| 55 | 7 | 7 | 7 | 7 | dígito sete |
| 56 | 8 | 8 | 8 | 8 | dígito oito |
| 57 | 9 | 9 | 9 | 9 | dígito nove |
| 58 | : | : | : | : | cólon |
| 59 | ; | ; | ; | ; | ponto e vírgula |
| 60 | < | < | < | < | sinal de menos que |
| 61 | = | = | = | = | sinal de igual |
| 62 | > | > | > | > | sinal de maior que |
| 63 | ? | ? | ? | ? | ponto de interrogação |
| 64 | @ | @ | @ | @ | comercial em |
| 65 | UMA | UMA | UMA | UMA | Letra maiúscula latina A |
| 66 | B | B | B | B | Letra maiúscula latina B |
| 67 | C | C | C | C | Letra maiúscula latina C |
| 68 | D | D | D | D | letra maiúscula latina D |
| 69 | E | E | E | E | letra maiúscula latina E |
| 70 | F | F | F | F | Letra maiúscula latina F |
| 71 | G | G | G | G | letra maiúscula latina G |
| 72 | H | H | H | H | letra maiúscula latina H |
| 73 | eu | eu | eu | eu | letra maiúscula latina I |
| 74 | J | J | J | J | letra maiúscula latina J |
| 75 | K | K | K | K | letra maiúscula latina K |
| 76 | eu | eu | eu | eu | Letra maiúscula latina L |
| 77 | M | M | M | M | letra maiúscula latina M |
| 78 | N | N | N | N | letra maiúscula latina N |
| 79 | O | O | O | O | letra maiúscula latina O |
| 80 | P | P | P | P | letra maiúscula latina P |
| 81 | Q | Q | Q | Q | letra maiúscula latina Q |
| 82 | R | R | R | R | letra maiúscula latina R |
| 83 | S | S | S | S | letra maiúscula latina S |
| 84 | T | T | T | T | letra maiúscula latina T |
| 85 | você | você | você | você | letra maiúscula latina U |
| 86 | V | V | V | V | Letra maiúscula latina V |
| 87 | C | C | C | C | letra maiúscula latina W |
| 88 | X | X | X | X | letra maiúscula latina X |
| 89 | S | S | S | S | letra maiúscula latina Y |
| 90 | COM | COM | COM | COM | letra maiúscula latina Z |
| 91 | [ | [ | [ | [ | colchete esquerdo |
| 92 | \ | \ | \ | \ | solidus reverso |
| 93 | ] | ] | ] | ] | colchete direito |
| 94 | ^ | ^ | ^ | ^ | acento circunflexo |
| 95 | _ | _ | _ | _ | linha baixa |
| 96 | ` | ` | ` | ` | sotaque sério |
| 97 | uma | uma | uma | uma | Letra minúscula latina a |
| 98 | b | b | b | b | letra minúscula latina b |
| 99 | c | c | c | c | letra minúscula latina c |
| 100 | d | d | d | d | letra minúscula latina d |
| 101 | e | e | e | e | letra minúscula latina e |
| 102 | f | f | f | f | letra minúscula latina f |
| 103 | g | g | g | g | letra minúscula latina g |
| 104 | h | h | h | h | letra minúscula latina h |
| 105 | eu | eu | eu | eu | letra minúscula latina i |
| 106 | j | j | j | j | letra minúscula latina j |
| 107 | k | k | k | k | letra minúscula latina k |
| 108 | eu | eu | eu | eu | letra minúscula latina l |
| 109 | m | m | m | m | letra minúscula latina m |
| 110 | n | n | n | n | letra minúscula latina f |
| 111 | o | o | o | o | letra minúscula latina o |
| 112 | p | p | p | p | letra minúscula latina p |
| 113 | q | q | q | q | letra minúscula latina q |
| 114 | r | r | r | r | letra minúscula latina r |
| 115 | s | s | s | s | letra minúscula latina s |
| 116 | t | t | t | t | letra minúscula latina t |
| 117 | você | você | você | você | letra minúscula latina u |
| 118 | v | v | v | v | letra minúscula latina v |
| 119 | C | C | C | C | letra minúscula latina w |
| 120 | x | x | x | x | letra minúscula latina x |
| 121 | S | S | S | S | letra minúscula latina y |
| 122 | com | com | com | com | letra minúscula latina z |
| 123 | { | { | { | { | colchete esquerdo |
| 124 | | | | | | | | | Linha vertical |
| 125 | } | } | } | } | colchete direito |
| 126 | ~ | ~ | ~ | ~ | til |
| 127 | DE | ||||
| 128 | ?? | sinal do euro | |||
| 129 | ?? | ?? | ?? | NÃO USADO | |
| 130 | ?? | aspas simples baixa-9 | |||
| 131 | ?? | Letra minúscula latina f com gancho | |||
| 132 | ?? | aspas duplas low-9 | |||
| 133 | ?? | reticências horizontais | |||
| 134 | ?? | punhal | |||
| 135 | ?? | punhal duplo | |||
| 136 | ?? | letra modificadora acento circunflexo | |||
| 137 | ?? | para um sinal de mil | |||
| 138 | ?? | Letra maiúscula latina S com caron | |||
| 139 | ?? | aspas simples de ângulo apontando para a esquerda | |||
| 140 | ?? | Ligação de capital latino OE | |||
| 141 | ?? | ?? | ?? | NÃO USADO | |
| 142 | ?? | Letra maiúscula latina Z com caron | |||
| 143 | ?? | ?? | ?? | NÃO USADO | |
| 144 | ?? | ?? | ?? | NÃO USADO | |
| 145 | ?? | aspas simples esquerda | |||
| 146 | ?? | aspas simples direita | |||
| 147 | ?? | aspas duplas esquerdas | |||
| 148 | ?? | aspas duplas direitas | |||
| 149 | ?? | bala | |||
| 150 | ?? | e traço | |||
| 151 | ?? | você corre | |||
| 152 | ?? | til pequeno | |||
| 153 | ?? | sinal de marca | |||
| 154 | ?? | Letra minúscula latina s com caron | |||
| 155 | ?? | aspas de ângulo apontando para a direita simples | |||
| 156 | ?? | Latim pequena ligadura oe | |||
| 157 | ?? | ?? | ?? | NÃO USADO | |
| 158 | ?? | Letra minúscula latina z com caron | |||
| 159 | ?? | Letra maiúscula latina Y com trema | |||
| 160 | espaço sem pausa | ||||
| 161 | ¡ | ¡ | ¡ | ponto de exclamação invertido | |
| 162 | ¢ | ¢ | ¢ | sinal de centavo | |
| 163 | £ | £ | £ | sinal de libra | |
| 164 | ¤ | ¤ | ¤ | sinal de moeda | |
| 165 | ¥ | ¥ | ¥ | sinal de iene | |
| 166 | ¦ | ¦ | ¦ | barra quebrada | |
| 167 | § | § | § | sinal de seção | |
| 168 | ¨ | ¨ | ¨ | trema | |
| 169 | © | © | © | sinal de direitos autorais | |
| 170 | ª | ª | ª | indicador ordinal feminino | |
| 171 | « | « | « | aspas de ângulo duplo apontando para a esquerda | |
| 172 | ¬ | ¬ | ¬ | não assinar | |
| 173 | | | | hífen macio | |
| 174 | ® | ® | ® | sinal registrado | |
| 175 | ¯ | ¯ | ¯ | macro | |
| 176 | ° | ° | ° | sinal de grau | |
| 177 | ± | ± | ± | sinal de mais-menos | |
| 178 | ² | ² | ² | sobrescrito dois | |
| 179 | ³ | ³ | ³ | sobrescrito três | |
| 180 | ´ | ´ | ´ | acento agudo | |
| 181 | µ | µ | µ | micro sinal | |
| 182 | ¶ | ¶ | ¶ | sinal de pilcrow | |
| 183 | · | · | · | ponto médio | |
| 184 | ¸ | ¸ | ¸ | cedilha | |
| 185 | ¹ | ¹ | ¹ | sobrescrito um | |
| 186 | º | º | º | indicador ordinal masculino | |
| 187 | » | » | » | aspas de ângulo duplo apontando para a direita | |
| 188 | ¼ | ¼ | ¼ | fração vulgar um quarto | |
| 189 | ½ | ½ | ½ | fração vulgar metade | |
| 190 | ¾ | ¾ | ¾ | fração vulgar três quartos | |
| 191 | ¿ | ¿ | ¿ | ponto de interrogação invertido | |
| 192 | NO | NO | NO | Letra maiúscula latina A com sepultura | |
| 193 | UMA | UMA | UMA | Letra maiúscula latina A com agudo | |
| 194 | UMA | UMA | UMA | Letra maiúscula latina A com circunflexo | |
| 195 | UMA | UMA | UMA | Letra maiúscula latina A com til | |
| 196 | UMA | UMA | UMA | Letra maiúscula latina A com trema | |
| 197 | Oh | Oh | Oh | Letra maiúscula latina A com anel acima | |
| 198 | Æ | Æ | Æ | Letra maiúscula latina AE | |
| 199 | Ç | Ç | Ç | Letra maiúscula latina C com cedilha | |
| 200 | É | É | É | Letra maiúscula latina E com sepultura | |
| 201 | É | É | É | Letra maiúscula latina E com agudo | |
| 202 | Ê | Ê | Ê | Letra maiúscula latina E com circunflexo | |
| 203 | E | E | E | Letra maiúscula latina E com trema | |
| 204 | EU | EU | EU | Letra maiúscula latina I com sepultura | |
| 205 | EU | EU | EU | Letra maiúscula latina I com agudo | |
| 206 | EU | EU | EU | Letra maiúscula latina I com circunflexo | |
| 207 | EU | EU | EU | Letra maiúscula latina I com trema | |
| 208 | Ð | Ð | Ð | Letra maiúscula latina Eth | |
| 209 | Ñ | Ñ | Ñ | Letra maiúscula latina N com til | |
| 210 | Ò | Ò | Ò | Letra maiúscula latina O com sepultura | |
| 211 | Oh | Oh | Oh | Letra maiúscula latina O com agudo | |
| 212 | GUARDA-CHUVA | GUARDA-CHUVA | GUARDA-CHUVA | Letra maiúscula latina O com circunflexo | |
| 213 | Õ | Õ | Õ | Letra maiúscula latina O com til | |
| 214 | Ö | Ö | Ö | Letra maiúscula latina O com trema | |
| 215 | × | × | × | sinal de multiplicação | |
| 216 | Ø | Ø | Ø | Letra maiúscula latina O com traço | |
| 217 | VOCÊ | VOCÊ | VOCÊ | Letra maiúscula latina U com sepultura | |
| 218 | VOCÊ | VOCÊ | VOCÊ | Letra maiúscula latina U com agudo | |
| 219 | VOCÊ | VOCÊ | VOCÊ | Letra maiúscula latina U com circunflexo | |
| 220 | VOCÊ | VOCÊ | VOCÊ | Letra maiúscula latina U com trema | |
| 221 | IDÉIA | IDÉIA | IDÉIA | Letra maiúscula latina Y com agudo | |
| 222 | º | º | º | Letra maiúscula latina Thorn | |
| 223 | ß | ß | ß | letra minúscula latina s sustenido | |
| 224 | no | no | no | Letra minúscula latina a com sepultura | |
| 225 | uma | uma | uma | Letra minúscula latina a com agudo | |
| 226 | uma | uma | uma | Letra minúscula latina a com circunflexo | |
| 227 | uma | uma | uma | Letra minúscula latina a com til | |
| 228 | uma | uma | uma | Letra minúscula latina a com trema | |
| 229 | uma | uma | uma | Letra minúscula latina a com anel acima | |
| 230 | æ | æ | æ | letra minúscula latina ae | |
| 231 | ç | ç | ç | Letra minúscula latina c com cedilha | |
| 232 | é | é | é | Letra minúscula latina e com sepultura | |
| 233 | é | é | é | Letra minúscula latina e com agudo | |
| 234 | ê | ê | ê | Letra minúscula latina e com circunflexo | |
| 235 | e | e | e | Letra minúscula latina e com trema | |
| 236 | eu | eu | eu | Letra minúscula latina i com sepultura | |
| 237 | eu | eu | eu | Letra minúscula latina i com agudo | |
| 238 | eu | eu | eu | Letra minúscula latina i com circunflexo | |
| 239 | eu | eu | eu | Letra minúscula latina i com trema | |
| 240 | ð | ð | ð | Letra minúscula latina eth | |
| 241 | ñ | ñ | ñ | Letra minúscula latina n com til | |
| 242 | ò | ò | ò | Letra minúscula latina o com sepultura | |
| 243 | ó | ó | ó | Letra minúscula latina o com agudo | |
| 244 | Guarda-chuva | Guarda-chuva | Guarda-chuva | Letra minúscula latina o com circunflexo | |
| 245 | õ | õ | õ | Letra minúscula latina o com til | |
| 246 | ö | ö | ö | Letra minúscula latina o com trema | |
| 247 | ÷ | ÷ | ÷ | sinal de divisão | |
| 248 | ø | ø | ø | Letra minúscula latina o com traço | |
| 249 | você | você | você | Letra minúscula latina u com sepultura | |
| 250 | você | você | você | Letra minúscula latina u com agudo | |
| 251 | e | e | e | Letra minúscula latina com circunflexo | |
| 252 | você | você | você | Letra minúscula latina u com trema | |
| 253 | idéia | idéia | idéia | Letra minúscula latina y com agudo | |
| 254 | º | º | º | Espinho de letra pequena em latim | |
| 255 | ÿ | ÿ | ÿ | Letra minúscula latina y com trema |
O conjunto de caracteres ASCII
ASCII usa os valores de 0 a 31 (e 127) para caracteres de controle.
ASCII usa os valores de 32 a 126 para letras, dígitos e símbolos.
ASCII não usa os valores de 128 a 255.
O conjunto de caracteres ANSI (Windows-1252)
ANSI é idêntico a ASCII para os valores de 0 a 127.
ANSI tem um conjunto proprietário de caracteres para os valores de 128 a 159.
ANSI é idêntico a UTF-8 para os valores de 160 a 255.
O conjunto de caracteres ISO-8859-1
ISO-8859-1 é idêntico ao ASCII para os valores de 0 a 127.
A ISO-8859-1 não usa os valores de 128 a 159.
ISO-8859-1 é idêntico ao UTF-8 para os valores de 160 a 255.
O conjunto de caracteres UTF-8
O UTF-8 é idêntico ao ASCII para os valores de 0 a 127.
UTF-8 não usa os valores de 128 a 159.
O UTF-8 é idêntico ao ANSI e ao 8859-1 para os valores de 160 a 255.
UTF-8 continua a partir do valor 256 com mais de 10.000 caracteres diferentes.
Para uma visão mais detalhada, estude nossa Referência Completa do Conjunto de Caracteres HTML .