La etiqueta charset en HTML se utiliza para especificar la codificación de caracteres del documento. La codificación de caracteres determina cómo se representan y almacenan los caracteres en el documento HTML. Es crucial usar la codificación correcta para asegurar que los caracteres especiales y las letras acentuadas se muestren correctamente en el navegador.
La etiqueta charset se coloca dentro de la etiqueta <meta> en la sección <head> de tu documento HTML. Aquí tienes algunos ejemplos:
html<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Ejemplo UTF-8</title>
</head>
<body>
<!-- Contenido de la página -->
</body>
</html>
En este ejemplo, se especifica la codificación UTF-8, que es ampliamente utilizada y puede representar la mayoría de los caracteres del mundo.
html<!DOCTYPE html>
<html>
<head>
<meta charset="ISO-8859-1">
<title>Ejemplo ISO-8859-1</title>
</head>
<body>
<!-- Contenido de la página -->
</body>
</html>
En este caso, se utiliza la codificación ISO-8859-1 (también conocida como Latin-1), que es adecuada para idiomas europeos occidentales.
html<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-16">
<title>Ejemplo UTF-16</title>
</head>
<body>
<!-- Contenido de la página -->
</body>
</html>
Este ejemplo especifica la codificación UTF-16, que utiliza 16 bits para representar cada carácter y es adecuada para una amplia gama de idiomas.
Es esencial elegir la codificación correcta según los requisitos de tu contenido y audiencia. UTF-8 es una elección común porque es compatible con una amplia gama de caracteres y es la codificación predeterminada en muchos casos. Sin embargo, en algunos casos particulares, como la compatibilidad con sistemas heredados, podrías optar por otras codificaciones.