¿Alguna vez has entrado a una web y en lugar de "Mañana" has leído "Mañana"? Ese es el síntoma de una web sin alma... o mejor dicho, sin UTF-8. Hoy vamos a entender por qué esta es la primera etiqueta que debes escribir en tu <head>.
🔠 ¿Qué es la Codificación?
Las computadoras no entienden letras, solo números (ceros y unos). La codificación es el "diccionario" que le dice al navegador: "El número 241 es una ñ".
Antiguamente, cada país tenía su propio diccionario. Si abrías una web española en un navegador configurado para inglés, los acentos se rompían. UTF-8 llegó para ser el Traductor Universal.
🌍 ¿Por qué UTF-8 es el estándar?
UTF-8 (Unicode) es capaz de representar prácticamente cualquier carácter de cualquier idioma del mundo:
- Acentos y Ñ: ¡Indispensable en español!
- Emojis: Sí, los 🔥 y 🚀 también son caracteres.
- Alfabetos complejos: Japonés, Árabe, Griego, etc.
Código: La Línea Obligatoria
<head>
<meta charset="UTF-8">
<title>Mi Web Profesional</title>
</head>
Tip para el Futuro Senior:
Coloca la etiqueta <meta charset="UTF-8"> dentro de los primeros 1024 bytes de tu archivo HTML (básicamente, justo después de abrir el <head>). ¿Por qué? Porque el navegador necesita saber cómo leer el resto de las etiquetas antes de que el archivo se vuelva demasiado pesado. Si la pones al final, ¡podría ser demasiado tarde!
Top comments (0)