Los navegadores web deben saber qué Codificación HTML (conjuntos de caracteres) usar, para que tus páginas web se puedan mostrar correctamente.

¿Qué es la codificación de caracteres?
La necesidad de codificación de caracteres surge de la gran cantidad de caracteres disponibles hoy en día. Además de las letras y números que utilizamos habitualmente, también existen alfabetos extranjeros, símbolos matemáticos y otros caracteres especiales.
Con el paso del tiempo, han ido surgiendo diferentes codificaciones para representar todo estos símbolos.
Por consiguiente, el mismo documento interpretado por diferentes codificaciones HTML puede mostrarse de manera diferente.
Un texto interpretado incorrectamente conduce a una variedad de problemas:
- Los usuarios no pueden leer el texto correctamente
- Los motores de búsqueda no pueden encontrar los datos.
- Las máquinas no pueden procesar la información.
Todos los caracteres disponibles se agrupan en conjuntos específicos (también llamados charsets para abreviar).
Codificaciones de caracteres más usuales
ASCII (American Standard Code for Information Interchange) fue la primer codificación estándar de caracteres. ASCII definió 128 caracteres alfanuméricos diferentes que podrían usarse en Internet. Lo componían: los números (0-9), la letras mayúsculas y minísculas del abecedario inglés (A-Z) y algunos caracteres especiales como! $ + – () @ <>.
ISO-8859-1 era el conjunto de caracteres predeterminado para HTML 4. Esta codificación de caracteres admitía 256 códigos de caracteres diferentes.
ANSI (Windows-1252) fue el conjunto de caracteres original de Windows. ANSI es idéntico al ISO-8859-1, excepto que ANSI tiene 32 caracteres adicionales.
Como ANSI e ISO-8859-1 estaban limitados a los caracters latinos, HTML 4 también era compatible con UTF-8.
UTF-8 (Unicode) cubre casi todos los caracteres y símbolos del mundo.
El conjunto de caracteres predeterminado para HTML5 es UTF-8.
Atributo HTML para codificación de caracteres
Para que los navegadores, puedas mostrar tus páginas HTML correctamente, éstos deben conocer el conjunto o codificación de caracteres usados en la páginas. Para ello debes de utilizar la etiqueta <meta>
<meta charset="UTF-8">

Diferencias entre los diferentes conjuntos de caracteres
Código |
ASCII |
ANSI |
8859 |
UTF-8 |
Description |
32 |
Espacio |
||||
33 |
! |
! |
! |
! |
Cerrar exclamación |
34 |
" |
" |
" |
" |
Comillas |
35 |
# |
# |
# |
# |
Símbolo numeración |
36 |
$ |
$ |
$ |
$ |
Dólar |
37 |
% |
% |
% |
% |
Porcentaje |
38 |
& |
& |
& |
& |
Ampersand |
39 |
‘ |
‘ |
‘ |
‘ |
Apóstrofe |
40 |
( |
( |
( |
( |
Paréntesis izquierdo |
41 |
) |
) |
) |
) |
Paréntesis derecho. |
42 |
* |
* |
* |
* |
Asterisco |
43 |
+ |
+ |
+ |
+ |
Signo más |
44 |
, |
, |
, |
, |
Coma |
45 |
– |
– |
– |
– |
Guion – Signo menos |
46 |
. |
. |
. |
. |
Punto |
47 |
/ |
/ |
/ |
/ |
Signo división |
48 |
0 |
0 |
0 |
0 |
Número cero |
49 |
1 |
1 |
1 |
1 |
Número uno |
50 |
2 |
2 |
2 |
2 |
Número dos |
51 |
3 |
3 |
3 |
3 |
Número tres |
52 |
4 |
4 |
4 |
4 |
Número cuatro |
53 |
5 |
5 |
5 |
5 |
Número cinco |
54 |
6 |
6 |
6 |
6 |
Número seis |
55 |
7 |
7 |
7 |
7 |
Número siete |
56 |
8 |
8 |
8 |
8 |
Número ocho |
57 |
9 |
9 |
9 |
9 |
Número nueve |
58 |
: |
: |
: |
: |
Dos pintos |
59 |
; |
; |
; |
; |
Punto y coma |
60 |
< |
< |
< |
< |
Menos que |
61 |
= |
= |
= |
= |
Igual |
62 |
> |
> |
> |
> |
Mayor qué |
63 |
? |
? |
? |
? |
Cerrar interrogación |
64 |
@ |
@ |
@ |
@ |
‘a’ comercial |
65 |
A |
A |
A |
A |
Letra mayúscula A |
66 |
B |
B |
B |
B |
Letra mayúscula B |
67 |
C |
C |
C |
C |
Letra mayúscula C |
68 |
D |
D |
D |
D |
Letra mayúscula D |
69 |
E |
E |
E |
E |
Letra mayúscula E |
70 |
F |
F |
F |
F |
Letra mayúscula F |
71 |
G |
G |
G |
G |
Letra mayúscula G |
72 |
H |
H |
H |
H |
Letra mayúscula H |
73 |
I |
I |
I |
I |
Letra mayúscula I |
74 |
J |
J |
J |
J |
Letra mayúscula J |
75 |
K |
K |
K |
K |
Letra mayúscula K |
76 |
L |
L |
L |
L |
Letra mayúscula L |
77 |
M |
M |
M |
M |
Letra mayúscula M |
78 |
N |
N |
N |
N |
Letra mayúscula N |
79 |
O |
O |
O |
O |
Letra mayúscula O |
80 |
P |
P |
P |
P |
Letra mayúscula P |
81 |
Q |
Q |
Q |
Q |
Letra mayúscula Q |
82 |
R |
R |
R |
R |
Letra mayúscula R |
83 |
S |
S |
S |
S |
Letra mayúscula S |
84 |
T |
T |
T |
T |
Letra mayúscula T |
85 |
U |
U |
U |
U |
Letra mayúscula U |
86 |
V |
V |
V |
V |
Letra mayúscula V |
87 |
W |
W |
W |
W |
Letra mayúscula W |
88 |
X |
X |
X |
X |
Letra mayúscula X |
89 |
Y |
Y |
Y |
Y |
Letra mayúscula Y |
90 |
Z |
Z |
Z |
Z |
Letra mayúscula Z |
91 |
[ |
[ |
[ |
[ |
Corchete izquierdo |
92 |
\ |
\ |
\ |
\ |
Barra inclinada reversa |
93 |
] |
] |
] |
] |
Corchete derecho |
94 |
^ |
^ |
^ |
^ |
Acento circunflejo |
95 |
_ |
_ |
_ |
_ |
Guion bajo |
96 |
` |
` |
` |
` |
Acento grave |
97 |
a |
a |
a |
a |
Letra minúscula a |
98 |
b |
b |
b |
b |
Letra minúscula b |
99 |
c |
c |
c |
c |
Letra minúscula c |
100 |
d |
d |
d |
d |
Letra minúscula d |
101 |
e |
e |
e |
e |
Letra minúscula e |
102 |
f |
f |
f |
f |
Letra minúscula f |
103 |
g |
g |
g |
g |
Letra minúscula g |
104 |
h |
h |
h |
h |
Letra minúscula h |
105 |
i |
i |
i |
i |
Letra minúscula i |
106 |
j |
j |
j |
j |
Letra minúscula j |
107 |
k |
k |
k |
k |
Letra minúscula k |
108 |
l |
l |
l |
l |
Letra minúscula l |
109 |
m |
m |
m |
m |
Letra minúscula m |
110 |
n |
n |
n |
n |
Letra minúscula n |
111 |
o |
o |
o |
o |
Letra minúscula o |
112 |
p |
p |
p |
p |
Letra minúscula p |
113 |
q |
q |
q |
q |
Letra minúscula q |
114 |
r |
r |
r |
r |
Letra minúscula r |
115 |
s |
s |
s |
s |
Letra minúscula s |
116 |
t |
t |
t |
t |
Letra minúscula t |
117 |
u |
u |
u |
u |
Letra minúscula u |
118 |
v |
v |
v |
v |
Letra minúscula v |
119 |
w |
w |
w |
w |
Letra minúscula w |
120 |
x |
x |
x |
x |
Letra minúscula x |
121 |
y |
y |
y |
y |
Letra minúscula y |
122 |
z |
z |
z |
z |
Letra minúscula z |
123 |
{ |
{ |
{ |
{ |
Llave izquierda |
124 |
| |
| |
| |
| |
Línea vertical |
125 |
} |
} |
} |
} |
Llave derecha |
126 |
~ |
~ |
~ |
~ |
Tilde |
127 |
DEL |
|
|
|
|
128 |
|
€ |
|
|
Símbolo Euro |
129 |
|
|
|
|
NO USADO |
130 |
|
‚ |
|
|
Comilla baja simple |
131 |
|
ƒ |
|
|
f minúscula con hook |
132 |
|
„ |
|
|
Comilla baja doble |
133 |
|
… |
|
|
Puntos suspensivos |
134 |
|
† |
|
|
Daga |
135 |
|
‡ |
|
|
Doble daga |
136 |
|
ˆ |
|
|
Acento circunflejo |
137 |
|
‰ |
|
|
Símbolo por mil |
138 |
|
Š |
|
|
Letra S mayúscula con caron |
139 |
|
‹ |
|
|
Ángulo izquierdo comilla simple |
140 |
|
Œ |
|
|
Ligadura OE mayúscula |
141 |
|
|
|
|
NO USADO |
142 |
|
Ž |
|
|
Z mayúscula con caron |
143 |
|
|
|
|
NO USADO |
144 |
|
|
|
|
NO USADO |
145 |
|
‘ |
|
|
Comilla simple izquierda |
146 |
|
’ |
|
|
Comilla simple derecha |
147 |
|
“ |
|
|
Comilla doble izquierda |
148 |
|
” |
|
|
Comilla doble derecha |
149 |
|
• |
|
|
Bullet |
150 |
|
– |
|
|
Guión medio (en dash) |
151 |
|
— |
|
|
Guión largo (em dash) |
152 |
|
˜ |
|
|
Tilde |
153 |
|
™ |
|
|
Símbolo ‘marca registrada’ |
154 |
|
š |
|
|
s minúscula con caron |
155 |
|
› |
|
|
Ángulo derecho comilla simple |
156 |
|
œ |
|
|
Ligadura oe minúscula |
157 |
|
|
|
|
NO USADO |
158 |
|
ž |
|
|
Letra z minúscula con caron |
159 |
|
Ÿ |
|
|
Y mayúscula con dieresis |
160 |
|
|
|
|
Espacio de no ruptura |
161 |
|
¡ |
¡ |
¡ |
Abrir exclamación |
162 |
|
¢ |
¢ |
¢ |
Centavo |
163 |
|
£ |
£ |
£ |
Libra |
164 |
|
¤ |
¤ |
¤ |
Símbolo de moneda |
165 |
|
¥ |
¥ |
¥ |
Yen |
166 |
|
¦ |
¦ |
¦ |
Barra vertical discontinua |
167 |
|
§ |
§ |
§ |
Símbolo de sección |
168 |
|
¨ |
¨ |
¨ |
Diéresis |
169 |
|
© |
© |
© |
Copyright |
170 |
|
ª |
ª |
ª |
Indicador ordinal femenino |
171 |
|
« |
« |
« |
Ángulo izquierdo comilla doble |
172 |
|
¬ |
¬ |
¬ |
Sin digno |
173 |
|
|
|
|
Guion discrecional |
174 |
|
® |
® |
® |
Símbolo ‘registrado’ |
175 |
|
¯ |
¯ |
¯ |
Macrón |
176 |
|
° |
° |
° |
Símbolo ‘grados’ |
177 |
|
± |
± |
± |
Más-menos |
178 |
|
² |
² |
² |
Subíndice 2 |
179 |
|
³ |
³ |
³ |
Subíndice 3 |
180 |
|
´ |
´ |
´ |
Acento agudo |
181 |
|
µ |
µ |
µ |
Símbolo ‘micro’ |
182 |
|
¶ |
¶ |
¶ |
Marca de párrafo |
183 |
|
· |
· |
· |
Punto medio |
184 |
|
¸ |
¸ |
¸ |
cedilla |
185 |
|
¹ |
¹ |
¹ |
Subíndice 1 |
186 |
|
º |
º |
º |
Indicador ordinal masculino |
187 |
|
» |
» |
» |
Ángulo derecho comilla doble |
188 |
|
¼ |
¼ |
¼ |
Fracción un cuarto |
189 |
|
½ |
½ |
½ |
Fracción un medio |
190 |
|
¾ |
¾ |
¾ |
Fracción tres cuartos |
191 |
|
¿ |
¿ |
¿ |
Abrir interrogación |
192 |
|
À |
À |
À |
Letra A mayúscula con acento grave |
193 |
|
Á |
Á |
Á |
Letra A mayúscula con acento agudo |
194 |
|
 |
 |
 |
Letra A mayúscula con acento circunflejo |
195 |
|
à |
à |
à |
Letra A mayúscula con tilde |
196 |
|
Ä |
Ä |
Ä |
Letra A mayúscula con diéresis |
197 |
|
Å |
Å |
Å |
Letra A mayúscula con anillo |
198 |
|
Æ |
Æ |
Æ |
Letra AE mayúscula |
199 |
|
Ç |
Ç |
Ç |
Letra C mayúscula con cedilla |
200 |
|
È |
È |
È |
Letra E mayúscula con acento grave |
201 |
|
É |
É |
É |
Letra E mayúscula con acento agudo |
202 |
|
Ê |
Ê |
Ê |
Letra E mayúscula con acento circunflejo |
203 |
|
Ë |
Ë |
Ë |
Letra E mayúscula con acento diéresis |
204 |
|
Ì |
Ì |
Ì |
Letra I mayúscula con acento grave |
205 |
|
Í |
Í |
Í |
Letra I mayúscula con acento agudo |
206 |
|
Î |
Î |
Î |
Letra I mayúscula con acento circunflejo |
207 |
|
Ï |
Ï |
Ï |
Letra I mayúscula con diéresis |
208 |
|
Ð |
Ð |
Ð |
Letra mayúscula ‘Eth’ |
209 |
|
Ñ |
Ñ |
Ñ |
Letra mayúscula N con tilde |
210 |
|
Ò |
Ò |
Ò |
Letra O mayúscula con acento grave |
211 |
|
Ó |
Ó |
Ó |
Letra O mayúscula con acento agudo |
212 |
|
Ô |
Ô |
Ô |
Letra O mayúscula con acento circunflejo |
213 |
|
Õ |
Õ |
Õ |
Letra O mayúscula con tilde |
214 |
|
Ö |
Ö |
Ö |
Letra O mayúscula con diéresis |
215 |
|
× |
× |
× |
Símbolo multiplicación |
216 |
|
Ø |
Ø |
Ø |
Letra O mayúscula con trazo |
217 |
|
Ù |
Ù |
Ù |
Letra U mayúscula con acento grave |
218 |
|
Ú |
Ú |
Ú |
Letra U mayúscula con acento agudo |
219 |
|
Û |
Û |
Û |
Letra U mayúscula con acento circunflejo |
220 |
|
Ü |
Ü |
Ü |
Letra U mayúscula con diéresis |
221 |
|
Ý |
Ý |
Ý |
Letra Y mayúscula con acento agudo |
222 |
|
Þ |
Þ |
Þ |
Letra mayúscula Thorn |
223 |
|
ß |
ß |
ß |
Letra minúscula
sharp s |
224 |
|
à |
à |
à |
Letra minúscula a con acento grave |
225 |
|
á |
á |
á |
Letra minúscula a con acento agudo |
226 |
|
â |
â |
â |
Letra minúscula a con acento circunflejo |
227 |
|
ã |
ã |
ã |
Letra minúscula a con tilde |
228 |
|
ä |
ä |
ä |
Letra minúscula a con diéresis |
229 |
|
å |
å |
å |
Letra minúscula a con anillo |
230 |
|
æ |
æ |
æ |
Letra minúscula ae |
231 |
|
ç |
ç |
ç |
Letra minúscula c con cedilla |
232 |
|
è |
è |
è |
Letra minúscula e con acento grave |
233 |
|
é |
é |
é |
Letra minúscula e con acento agudo |
234 |
|
ê |
ê |
ê |
Letra minúscula e con acento circunflejo |
235 |
|
ë |
ë |
ë |
Letra minúscula e con diéresis |
236 |
|
ì |
ì |
ì |
Letra minúscula i con acento grave |
237 |
|
í |
í |
í |
Letra minúscula i con acento agudo |
238 |
|
î |
î |
î |
Letra minúscula i con acento circunflejo |
239 |
|
ï |
ï |
ï |
Letra minúscula i con diéresis |
240 |
|
ð |
ð |
ð |
Letra minúscula eth |
241 |
|
ñ |
ñ |
ñ |
Letra minúscula n con tilde |
242 |
|
ò |
ò |
ò |
Letra minúscula o con acento grave |
243 |
|
ó |
ó |
ó |
Letra minúscula o con acento agudo |
244 |
|
ô |
ô |
ô |
Letra minúscula o con acento circunflejo |
245 |
|
õ |
õ |
õ |
Letra minúscula o con tilde |
246 |
|
ö |
ö |
ö |
Letra minúscula o con diéresis |
247 |
|
÷ |
÷ |
÷ |
Signo de división |
248 |
|
ø |
ø |
ø |
Letra minúscula o con trazo |
249 |
|
ù |
ù |
ù |
Letra minúscula u con acento grave |
250 |
|
ú |
ú |
ú |
Letra minúscula u con acento agudo |
251 |
|
û |
û |
û |
Letra minúscula u con acento circunflejo |
252 |
|
ü |
ü |
ü |
Letra minúscula u con diéresis |
253 |
|
ý |
ý |
ý |
Letra minúscula y con acento agudo |
254 |
|
þ |
þ |
þ |
Letra minúscula thorn |
255 |
|
ÿ |
ÿ |
ÿ |
Letra minúscula y con diéresis |
El conjunto de caracteres ASCII
- Usa los códigos del 0 al 31 (y el 127) para los caracteres de control.
- Utiliza Los códigos del 32 al 126 para letras dígitos y símbolos.
- No emplea los códigos del 128 al 255.
El conjunto de caracteres ANSI (Windows-1252)
- Es idéntico a ASCII para los códigos del 0 al 127.
- Dispone de un conjunto de caracteres propios para los códigos del 128 al 159.
- Es igual a UTF-8 para los códigos del 160 al 255.
El conjunto de caracteres ISO-8859-1
- Es idéntico a ASCII para los códigos del 0 al 127.
- No emplea los códigos del 128 al 159.
- Es igual a UTF-8 para los códigos del 160 al 255.
El conjunto de caracteres UTF-8
- Es idéntico a ASCII para los códigos comprendidos entre 0 y 127.
- No utiliza los códigos del 128 al 159.
- Es igual a ANSI y 8859-1 para los códigos entre 160 y 255.
- Continúa desde el valor 256 con más de 10.000 caracteres diferentes.