Tutorial HTML

INICIO HTML Introducción HTML Editores HTML HTML básico Elementos HTML Atributos HTML Encabezados HTML Párrafos HTML Estilos HTML Formato HTML Cotizaciones HTML Comentarios HTML Colores HTML CSS HTML Enlaces HTML Imágenes HTML icono de favoritos HTML Tablas HTML Listas HTML Bloque HTML y en línea Clases HTML Identificación HTML Marcos flotantes HTML HTML JavaScript Rutas de archivo HTML Encabezado HTML Diseño HTML Responsivo HTML Código informático HTML Semántica HTML Guía de estilo HTML Entidades HTML Símbolos HTML Emoticonos HTML Juego de caracteres HTML Codificación de URL HTML HTML frente a XHTML

Formularios HTML

Formularios HTML Atributos de formulario HTML Elementos de formulario HTML Tipos de entrada HTML Atributos de entrada HTML Atributos de formulario de entrada HTML

Gráficos HTML

Lienzo HTML HTML SVG

Medios HTML

Medios HTML Vídeo HTML Audio HTML Complementos HTML HTML de YouTube

API de HTML

Geolocalización HTML Arrastrar/soltar HTML Almacenamiento web HTML Trabajadores web HTML SSE HTML

Ejemplos HTML

Ejemplos HTML Cuestionario HTML Ejercicios HTML Certificado HTML Resumen HTML Accesibilidad HTML

Referencias HTML

Lista de etiquetas HTML Atributos HTML Atributos globales HTML Compatibilidad con navegador HTML Eventos HTML Colores HTML Lienzo HTML Audio/vídeo HTML Tipos de documentos HTML Conjuntos de caracteres HTML Codificación de URL HTML Códigos de idioma HTML Mensajes HTTP Métodos HTTP Convertidor PX a EM Atajos de teclado

Codificación HTML (juegos de caracteres)


Para mostrar una página HTML correctamente, un navegador web debe saber qué juego de caracteres usar.


De ASCII a UTF-8

ASCII fue el primer estándar de codificación de caracteres. ASCII definió 128 caracteres diferentes que podrían usarse en Internet: números (0-9), letras inglesas (AZ) y algunos caracteres especiales como ! $ + - ( ) @ < > .

ISO-8859-1 era el conjunto de caracteres predeterminado para HTML 4. Este conjunto de caracteres admitía 256 códigos de caracteres diferentes. HTML 4 también admitía UTF-8.

ANSI (Windows-1252) era el juego de caracteres original de Windows. ANSI es idéntico a ISO-8859-1, excepto que ANSI tiene 32 caracteres adicionales.

La especificación HTML5 alienta a los desarrolladores web a utilizar el conjunto de caracteres UTF-8, que cubre casi todos los caracteres y símbolos del mundo.


El atributo de juego de caracteres HTML

Para mostrar una página HTML correctamente, un navegador web debe conocer el juego de caracteres utilizado en la página.

Esto se especifica en la <meta>etiqueta:

<meta charset="UTF-8">


Diferencias entre conjuntos de caracteres

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

Entumecido ASCII ANSI 8859 UTF-8 Descripción
32 espacio
33!!!!signo de exclamación
34""""comillas
35####símbolo de número
36PSPSPSPSsigno de dólar
37%%%%signo de porcentaje
38&&&&ampersand
39''''apóstrofe
40((((paréntesis izquierdo
41))))paréntesis derecho
42****asterisco
43++++mas señal
44,,,,coma
45----guión-menos
46....punto final
47////sólido
480000dígito cero
491111dígito uno
502222dígito dos
513333digito tres
524444dígito cuatro
535555dígito cinco
546666dígito seis
557777dígito siete
568888dígito ocho
579999dígito nueve
58::::colon
59;;;;punto y coma
60<<<<signo menor que
61====signo de igual
62>>>>signo mayor que
63????signo de interrogación
64@@@@comercial en
sesenta y cincoAAAALetra mayúscula latina A
66BBBBLetra mayúscula latina B
67CCCCLetra mayúscula latina C
68DDDDLetra mayúscula latina D
69mimimimiLetra mayúscula latina E
70FFFFLetra latina mayúscula F
71GRAMOGRAMOGRAMOGRAMOLetra mayúscula latina G
72HHHHLetra mayúscula latina H
73IIIILetra mayúscula latina I
74jjjjLetra mayúscula latina J
75kkkkLetra mayúscula latina K
76LLLLLetra mayúscula latina L
77METROMETROMETROMETROLetra mayúscula latina M
78nortenortenortenorteLetra mayúscula latina N
79ELELELELLetra mayúscula latina O
80PAGSPAGSPAGSPAGSLetra mayúscula latina P
81qqqqLetra mayúscula latina Q
82RRRRLetra mayúscula latina R
83SSSSLetra mayúscula latina S
84TTTTLetra mayúscula latina T
85tutututuLetra mayúscula latina U
86VVVVLetra mayúscula latina V
87WWWWLetra mayúscula latina W
88XXXXX mayúscula latina
89YYYYLetra mayúscula latina Y
90CONCONCONCONLetra mayúscula latina Z
91[[[[corchete izquierdo
92\\\\sólido inverso
93]]]]corchete derecho
94^^^^acento circunflejo
95____Línea baja
96````acento serio
97aaaaletra minúscula latina a
98BBBBletra minúscula latina b
99CCCCLetra c minúscula latina
100DDDDLetra latina minúscula d
101mimimimiletra minúscula latina e
102FFFFletra minúscula latina f
103gramogramogramogramoLetra latina minúscula g
104hhhhLetra h minúscula latina
105IIIIletra minúscula latina i
106jjjjletra minúscula latina j
107kkkkLetra latina minúscula k
108yoyoyoyoLetra latina minúscula l
109metrometrometrometroLetra latina minúscula m
110nortenortenortenorteLetra latina minúscula n
111ElElElElLetra latina minúscula o
112pagspagspagspagsLetra latina minúscula p
113qqqqLetra q minúscula latina
114rrrrLetra latina minúscula r
115ssssletra minúscula latina s
116ttttLetra latina minúscula t
117tutututuLetra latina minúscula u
118vvvvLetra latina minúscula v
119wwwwLetra latina minúscula w
120XXXXLetra latina minúscula x
121yyyyletra minúscula latina y
122conconconconLetra latina minúscula z
123{{{{corchete izquierdo
124||||linea vertical
125}}}}corchete derecho
126~~~~tilde
127DEL    
128 ??  signo euro
129 ??????NO UTILIZADO
130 ??  sola comilla baja-9
131 ??  Letra f minúscula latina con gancho
132 ??  comillas dobles low-9
133 ??  puntos suspensivos horizontales
134 ??  daga
135 ??  daga doble
136 ??  acento circunflejo de la letra modificadora
137 ??  por mil signos
138 ??  Letra mayúscula latina S con caron
139 ??  comillas de ángulo único que apunta a la izquierda
140 ??  Ligadura mayúscula latina OE
141 ??????NO UTILIZADO
142 ??  Letra mayúscula latina Z con caron
143 ??????NO UTILIZADO
144 ??????NO UTILIZADO
145 ??  comillas simples izquierdas
146 ??  comilla simple derecha
147 ??  comillas dobles izquierdas
148 ??  comillas dobles derechas
149 ??  bala
150 ??  y correr
151 ??  corres
152 ??  pequeña tilde
153 ??  signo de marca
154 ??  Letra minúscula latina s con caron
155 ??  comillas de ángulo único que apunta a la derecha
156 ??  Ligadura pequeña latina oe
157 ??????NO UTILIZADO
158 ??  Letra latina minúscula z con caron
159 ??  Letra Y mayúscula latina con diéresis
160    espacio sin descanso
161 ¡¡¡signo de exclamación invertido
162 ¢¢¢signo de centavo
163 £££signo de Libra
164 ¤¤¤signo de moneda
165 ¥¥¥signo de yen
166 ¦¦¦barra rota
167 §§§signo de sección
168 ¨¨¨diéresis
169 ©©©signo de derechos de autor
170 ªªªindicador ordinal femenino
171 «««comillas de doble ángulo que apuntan a la izquierda
172 ¬¬¬no firmar
173 ­­­guión suave
174 ®®®signo registrado
175 ¯¯¯macron
176 °°°signo de grado
177 ±±±signo más-menos
178 ²²²superíndice dos
179 ³³³superíndice tres
180 ´´´acento agudo
181 µµµmicrosigno
182 signo de almohada
183 ···punto medio
184 ¸¸¸cedilla
185 ¹¹¹superíndice uno
186 ºººindicador ordinal masculino
187 »»»comillas de doble ángulo que apuntan a la derecha
188 ¼¼¼fracción vulgar un cuarto
189 ½½½fracción vulgar un medio
190 ¾¾¾fracción vulgar tres cuartos
191 ¿¿¿signo de interrogación invertido
192 ENENENLetra A mayúscula latina con tumba
193 AAALetra A mayúscula latina con aguda
194 AAALetra A mayúscula latina con circunflejo
195 AAALetra A mayúscula latina con tilde
196 AAALetra A mayúscula latina con diéresis
197 OhOhOhLetra A mayúscula latina con anillo arriba
198 ÆÆÆLetra mayúscula latina AE
199 CCCLetra C mayúscula latina con cedilla
200 ESESESLetra mayúscula latina E con tumba
201 ESESESLetra E mayúscula latina con aguda
202 MIMIMILetra E mayúscula latina con circunflejo
203 mimimiLetra E mayúscula latina con diéresis
204 IIILetra mayúscula latina I con tumba
205 IIILetra I mayúscula latina con aguda
206 IIILetra I mayúscula latina con circunflejo
207 IIILetra I mayúscula latina con diéresis
208 DDDLetra mayúscula latina Eth
209 NORTENORTENORTELetra N mayúscula latina con tilde
210 ÒÒÒLetra mayúscula latina O con tumba
211 OhOhOhLetra O mayúscula latina con agudo
212 PARAGUASPARAGUASPARAGUASLetra O mayúscula latina con circunflejo
213 ÕÕÕLetra O mayúscula latina con tilde
214 oooLetra O mayúscula latina con diéresis
215 ×××signo de multiplicación
216 ØØØLetra mayúscula latina O con trazo
217 ÙÙÙLetra mayúscula latina U con tumba
218 tututuLetra U mayúscula latina con aguda
219 ÛÛÛLetra mayúscula latina U con circunflejo
220 ÜÜÜLetra U mayúscula latina con diéresis
221 OCURRENCIAOCURRENCIAOCURRENCIALetra Y mayúscula latina con aguda
222 ÞÞÞEspina mayúscula latina
223 ßßßletra minúscula latina aguda s
224 enenenLetra minúscula latina a con tumba
225 aaaLetra a minúscula latina con aguda
226 aaaLetra a minúscula latina con circunflejo
227 aaaLetra a minúscula latina con tilde
228 aaaLetra a minúscula latina con diéresis
229 aaaLetra a minúscula latina con anillo arriba
230 æææLetra latina minúscula ae
231 CCCLetra c minúscula latina con cedilla
232 esesesLetra minúscula latina e con tumba
233 EsEsEsLetra latina e minúscula con agudo
234 mimimiLetra e minúscula latina con circunflejo
235 mimimiLetra e minúscula latina con diéresis
236 IIILetra minúscula latina i con tumba
237 IIILetra i minúscula latina con agudo
238 IIILetra i minúscula latina con circunflejo
239 IIILetra i minúscula latina con diéresis
240 DDDLetra latina minúscula eth
241 nortenortenorteLetra latina minúscula n con tilde
242 oooLetra latina minúscula o con tumba
243 oooLetra latina minúscula o con agudo
244 ParaguasParaguasParaguasLetra latina minúscula o con circunflejo
245 õõõLetra latina minúscula o con tilde
246 oooLetra latina minúscula o con diéresis
247 ÷÷÷signo de división
248 øøøLetra latina minúscula o con trazo
249 tututuLetra latina minúscula u con tumba
250 tututuLetra u minúscula latina con agudo
251 yyyMinúscula latina con circunflejo
252 üüüLetra u minúscula latina con diéresis
253 ocurrenciaocurrenciaocurrenciaLetra latina minúscula y con agudo
254 þþþespina minúscula latina
255 ÿÿÿLetra latina minúscula y con diéresis

El conjunto de caracteres ASCII

ASCII usa los valores de 0 a 31 (y 127) para los caracteres de control.

ASCII usa los valores de 32 a 126 para letras, dígitos y símbolos.

ASCII no utiliza los valores del 128 al 255.


El conjunto de caracteres ANSI (Windows-1252)

ANSI es idéntico a ASCII para los valores de 0 a 127.

ANSI tiene un conjunto de caracteres patentado para los valores de 128 a 159.

ANSI es idéntico a UTF-8 para los valores de 160 a 255.


El conjunto de caracteres ISO-8859-1

ISO-8859-1 es idéntico a ASCII para los valores de 0 a 127.

ISO-8859-1 no utiliza los valores de 128 a 159.

ISO-8859-1 es idéntico a UTF-8 para los valores de 160 a 255.


El conjunto de caracteres UTF-8

UTF-8 es idéntico a ASCII para los valores de 0 a 127.

UTF-8 no usa los valores de 128 a 159. 

UTF-8 es idéntico tanto a ANSI como a 8859-1 para los valores de 160 a 255.

UTF-8 continúa desde el valor 256 con más de 10 000 caracteres diferentes.

Para ver más de cerca, estudie nuestra Referencia completa del conjunto de caracteres HTML .