¿Para qué se usa la etiqueta «meta charset="UTF-8"»?
La etiqueta define la codificación de caracteres de tu HTML, asegurando que acentos y símbolos se vean bien. ¡Esencial para tu web!
La etiqueta <meta charset="UTF-8"> es una declaración que se coloca dentro de la sección <head> de tu documento HTML. Su función principal es indicar al navegador qué codificación de caracteres debe utilizar para interpretar y mostrar correctamente el texto de tu página web.
Imagina la codificación de caracteres como un «diccionario» que traduce las letras, números, acentos (como á, é, í, ó, ú), la letra «ñ», símbolos especiales (€, ©) y emojis que usas en tu contenido a una secuencia de bytes que el ordenador puede entender, y viceversa.
UTF-8 es el estándar de codificación de caracteres más utilizado y recomendado hoy en día por varias razones:
- Universalidad: Es capaz de representar casi cualquier carácter de prácticamente todos los idiomas escritos del mundo. Esto es esencial si tu web tiene contenido en varios idiomas o simplemente quieres asegurar la correcta visualización de cualquier nombre o símbolo.
- Compatibilidad: Es compatible con ASCII (un estándar más antiguo para caracteres ingleses), lo que lo hace eficiente.
- Estándar web: Es la codificación recomendada por el W3C y el WHATWG para documentos HTML5.
Si no especificas la codificación con <meta charset="UTF-8"> (o si el servidor no la envía correctamente), el navegador podría intentar adivinarla. Si se equivoca, los caracteres especiales podrían mostrarse incorrectamente, apareciendo como símbolos extraños (por ejemplo, �), cuadrados o un texto sin sentido.
Es una buena práctica colocar esta etiqueta lo más arriba posible dentro del <head>:
<!DOCTYPE <strong>html</strong>>
<html lang="es">
<head>
<meta charset="UTF-8">
<title>Página con acentuación y eñes</title>
</head>
<body>
<p>¡Una cigüeña y un ñandú!</p>
</body>
</html>
Lenguaje del código: PHP (php)Usar UTF-8 garantiza que tu contenido se muestre de manera consistente y correcta para todos los usuarios.
