Teoría
Teoría

Codificación de páginas HTML

Debe especificarse la codificación de la página HTML para que el navegador web pueda mostrar correctamente el texto de la página. Si el navegador adivina incorrectamente la codificación, se mostrarán jeroglíficos en lugar de texto.

Para indicar al navegador la codificación de una página HTML, debe utilizar una etiqueta dentro de la etiqueta <head>:

<meta charset="nombre de codificación">

La codificación moderna más común es utf-8. Utilícela en todos sus proyectos.

Para el ejemplo hemos utilizado la codificación windows-1259. Vamos a sustituirla por una moderna.

index.html
style.css

HTML

<!DOCTYPE html> <html> <head> <meta charset="windows-1259"> <title>Codificación de páginas HTML</title> <link rel="stylesheet" href="style.css"> </head> <body> <h1>Codificación</h1> <p>Cuando la codificación del documento es incorrecta, algunos caracteres se muestran como "jeroglíficos" y otros no.</p> </body> </html>

CSS

body { margin: 20px; font-size: 18px; line-height: 24px; } h1 { font-size: 52px; line-height: 64px; font-family: "Monaco", "Courier", monospace; color: #618ad2; }

ObjetivosRealizado

Ahora la codificación está mal configurada, por lo que el texto del mininavegador no se muestra correctamente.

Establezca la codificación correcta: utf-8.