Codificación HTML (conjunto de caracteres)

Para que el navegador web muestre correctamente la página HTML, debe saber qué conjunto de caracteres se debe usar.

De ASCII a UTF-8

ASCII es el primer estándar de codificación de caracteres. ASCII define 128 caracteres que se pueden usar en Internet: números (0-9), letras (A-Z) y algunos caracteres especiales, como: ! $ + - ( ) @ < >.

ISO-8859-1 es el conjunto de caracteres predeterminado de HTML 4. Este conjunto de caracteres admite 256 códigos de caracteres diferentes. HTML 4 también admite UTF-8.

ANSI (Windows-1252) es el conjunto de caracteres original de Windows. ANSI es idéntico a ISO-8859-1, pero tiene 32 caracteres adicionales.

El estándar HTML5 alienta a los desarrolladores web a usar el conjunto de caracteres UTF-8, que cubre prácticamente todos los caracteres y símbolos del mundo!

Atributo charset de HTML

Para que el navegador web muestre correctamente la página HTML, debe conocer el conjunto de caracteres utilizado en la página.

Esto es <meta> se especifica en la etiqueta:

<meta charset="UTF-8">

Prueba personalmente

Diferencias entre los conjuntos de caracteres

La siguiente tabla muestra las diferencias entre los conjuntos de caracteres anteriores:

Numb ASCII ANSI 8859 UTF-8 Descripción
32 espacio
33!!!!signo de exclamación
34""""comilla
35####signo de número
36$$$$signo de dólar
37%%%%porcentaje
38&&&&ampersand
3938383838&
ampersand39393939'
apóstrofe40404040(
punto izquierdo41414141)
punto derecho****asterisco
+signo mássigno mássigno mássigno más,
coma45454545-
guion....punto
47////barra
480000número cero
491111número uno
502222número dos
513333número tres
524444número cuatro
535555número cinco
546666número seis
557777número siete
568888número ocho
579999número nueve
58::::punto
6059595959;
punto y coma60606060<
signo menor que61616161=
signo igual62626262>
signo mayor que63636363?
pregunta64646464@
commercial at65656565A
Letra mayúscula ABBBBLetra mayúscula B
67CCCCLetra mayúscula C
68DDDDLetra mayúscula D
69EEEELetra mayúscula E
70FFFFLetra mayúscula F
71GGGGLetra mayúscula G
72HHHHLetra mayúscula H
73IIIILetra mayúscula I
74JJJJLetra mayúscula J
75KKKKLetra mayúscula K
76LLLLLetra mayúscula L
77MMMMLetra mayúscula M
78NNNNLetra mayúscula N
79OOOOLetra mayúscula O
Latin capital letter MNNNNLatin capital letter N
OLatin 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
114114114114114r
r minúscula115115115115s
s minúscula116116116116t
t minúscula117117117117u
u minúscula118118118118v
v minúscula119119119119w
w minúscula120120120120x
x minúscula121121121121y
y minúscula122122122122z
z minúscula123123123123{
corchete de apertura124124124124|
pipe125125125125}
corchete de cierre126126126126˜
tilde127    
suprimir 128  ª
símbolo de euro 129129129comillas de ángulo derecho apuntando hacia la derecha
¹ 130  ²
comilla baja baja 131  ³
f mayúscula con ganchito 133  ¬
comilla baja baja ...  punto de suspensión horizontal
134 ¿  guillermo
135 ¡  doble guillermo
136 ´  letra modificadora de acento circunflexo
137 ³  símbolo de milésima
138 ¡  S mayúscula con carón
139 ´  comilla angular simple de izquierda a derecha
140 º  ligadura mayúscula OE
141 ¿¿¿comillas de ángulo derecho apuntando hacia la derecha
142 ¡  Z mayúscula con carón
143 tildetildetildecomillas de ángulo derecho apuntando hacia la derecha
144 apóstrofeapóstrofeapóstrofecomillas de ángulo derecho apuntando hacia la derecha
145 '  comilla simple
146 '  comilla simple
147 "  comillas dobles
148 "  comillas dobles
149 •  bullet
150 –  en dash
151 149  •
punto 150  –
guion corto —  guion medio
152 ˜  tilde pequeña
153 ™  signo de marca registrada
154 š  letra minúscula latina s con carón
155 ›››comillas de ángulo derecho apuntando hacia la derecha
156 œ  ligadura latina oe
157   NO USADO
158    ž
letra minúscula latina z con carón 159159159Ÿ
letra mayúscula latina Y con dieresis 160160160espacio no separable
¡ signo de exclamación invertidasigno de exclamación invertidasigno de exclamación invertida¢
signo de centavo £££signo de libra
¤ signo de monedasigno de monedasigno de moneda¥
signo de yen 166166166¦
barra rota 167167167§
signo de sección 168168168¨
dieresis 169169169©
signo de copyright 170170170ª
indicador ordinal femenino 171171171«
comillas dobles de angulo apuntando a la izquierda 172172172¬
signo de no ­­­guion suave
174 ®®®signo de registro
175 ¯¯¯macrón
176 °°°signo de grado
177 ±±±signo de más-menos
178 ²²²dos en superíndice
179 ³³³tres en superíndice
180 ´´´acento agudo
181 µµµsigno de micro
182 signo de pilcro
183 ···punto medio
184 ¸¸¸cedilla
185 ¹¹¹uno en superíndice
186 ºººindicador ordinal masculino
187 »»»187
» comillas dobles hacia la derechacomillas dobles hacia la derechacomillas dobles hacia la derecha188
¼ fracción vulgar de un cuartofracción vulgar de un cuartofracción vulgar de un cuarto½
fracción vulgar de medio ¾¾¾fracción vulgar de tres cuartos
191 ¿¿¿punto de interrogación invertido
192 ÀÀÀLetra mayúscula A con acento grave
193 ÁÁÁLetra mayúscula A con acento agudo
194 ÂÂÂLetra mayúscula A con circunflexo
195 ÃÃÃLetra mayúscula A con tilde
196 ÄÄÄLetra mayúscula A con diéresis
197 ÅÅÅLetra mayúscula A con anillo encima
198 ÆÆÆLetra mayúscula AE
199 ÇÇÇLetra mayúscula C con cedilla
200 ÈÈÈLetra mayúscula E con acento grave
201 ÉÉÉLetra mayúscula E con acento agudo
202 ÊÊÊLetra mayúscula E con circunflexo
203 ËËËLetra mayúscula E con diéresis
204 ÌÌÌLetra mayúscula I con acento grave
205 ÍÍÍLetra mayúscula I con acento agudo
206 ÎÎÎLetra mayúscula I con circunflexo
207 ÏÏÏLetra mayúscula I con diéresis
208 ÐÐÐLetra mayúscula Eth
209 ÑÑÑLetra mayúscula N con 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 233233233é
Letra pequeña latina e con águila 234234234ê
Letra pequeña latina e con circunflexo 235235235ë
Letra pequeña latina e con diéresis 236236236ì
Letra pequeña latina i con tilde 237237237í
Letra pequeña latina i con águila 238238238î
Letra pequeña latina i con circunflexo 239239239ï
Letra pequeña latina i con diéresis 240240240ð
Letra pequeña latina eth 241241241ñ
Letra pequeña latina n con tilde 242242242ò
Letra pequeña latina o con tilde 243243243ó
Letra pequeña latina o con águila 244244244ô
Letra pequeña latina o con circunflexo 245245245õ
Letra pequeña latina o con tilde 246246246ö
Letra pequeña latina o con diéresis 247247247÷
division sign øøøLetra pequeña latina o con trazo
249 ùùùLetra pequeña latina u con tilde
250 úúúLetra pequeña latina u con águila
251 ûûûLetra pequeña latina con circunflexo
252 üüüLetra pequeña latina u con diéresis
253 ýýýLetra pequeña latina y con águila
254 þþþLetra pequeña latina thorn
255 ÿÿÿLetra pequeña latina y con diéresis

Conjunto de caracteres ASCII

ASCII utiliza los valores de 0 a 31 (así como 127) como caracteres de control.

ASCII utiliza valores entre 32 y 126 para representar letras, números y símbolos.

ASCII no utiliza valores entre 128 y 255.

Conjunto de caracteres ANSI (Windows-1252)

Para valores entre 0 y 127, ANSI es el mismo que ASCII.

ANSI tiene un grupo de caracteres exclusivos, cuyos valores van de 128 a 159.

Para valores entre 160 y 255, ANSI es el mismo que UTF-8.

Conjunto de caracteres ISO-8859-1

Para valores entre 0 y 127, 8859-1 es el mismo que ASCII.

8859-1 no utiliza valores entre 128 y 159.

Para valores entre 160 y 255, 8859-1 es el mismo que UTF-8.

Conjunto de caracteres UTF-8

Para valores entre 0 y 127, UTF-8 es el mismo que ASCII.

UTF-8 no utiliza valores entre 128 y 159.

Para valores entre 160 y 255, UTF-8 es el mismo que ANSI y 8859-1.

UTF-8 continúa desde el valor 256, incluyendo más de 10000 caracteres diferentes.

Para una investigación más profunda, lea nuestra guía completa de caracteres de conjunto de caracteres HTML.

Regla @charset CSS

Puede usar la regla @charset de CSS para especificar la codificación de caracteres utilizada en la hoja de estilos:

Ejemplo

Establezca la codificación de la hoja de estilos en Unicode UTF-8:

@charset "UTF-8";

Obtenga más información sobre nuestro manual de referencia de CSS. Regla @charset de CSS del contenido.