Teoria
Teoria

Codifica della pagina HTML

La codifica della pagina HTML deve essere specificata in modo che il browser web possa visualizzare correttamente il testo della pagina. Se il browser non indovina la codifica, al posto del testo verranno visualizzati dei geroglifici.

Per indicare al browser la codifica di una pagina HTML, è necessario utilizzare un tag all'interno del tag <head>:

<meta charset="nome codifica">

La codifica moderna più diffusa è utf-8. Utilizzatela in tutti i vostri progetti.

Nell'esempio abbiamo usato la codifica windows-1259. Sostituiamola con una moderna.

index.html
style.css

HTML

<!DOCTYPE html> <html> <head> <meta charset="windows-1259"> <title>Codifica della pagina HTML</title> <link rel="stylesheet" href="style.css"> </head> <body> <h1>Codifica</h1> <p>Quando la codifica del documento è impostata in modo errato, alcuni caratteri vengono visualizzati come "geroglifici" e altri 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; }

ObiettiviFatto

Ora la codifica è impostata in modo errato, quindi il testo nel mini-browser non viene visualizzato correttamente.

Impostare la codifica corretta: utf-8.