Menu sito web mobile MENU

Codifica caratteri Unicode UTF-8 nelle pagine web HTML Codifica caratteri Unicode UTF-8 nelle pagine web HTML



Uno dei tanti problemi che capita di riscontrare durante la programmazione di siti web è l'errata codifica dei caratteri che porta ad avere strani simboli all'interno del testo della pagina.

Negli ultimi anni grazie all'UTF-8 è possibile utilizzare anche caratteri speciali, quali ad esempio le lettere accentate, senza dover più utilizzare entità HTML (Ad esempio ´ per una A accentata).

Per ottenere una giusta codifica ed evitare strani caratteri a video occorre aggiungere nella pagina il meta dedicato alla codifica Unicode UTF-8:

  • In HTML 5 è consigliabile utilizzare la forma abbreviata
    <meta charset="UTF-8">

  • Con grammatiche precedenti come ad esempio XHTML e HTML 4 è meglio utilizzare la forma
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

Il tag di codifica caratteri va inserirlo appena dopo il tag di apertura <head> in questo modo:

<!doctype html>
<html>
<head>
<meta charset="utf-8">
...

 

Su vecchie pagine convertite in HTML5, potrebbe capitare che nonostante abbiamo aggiunto il tag correttamente venga conservata la vecchia codifica, in questo caso si può agire direttamente con i programmi di sviluppo come ad esempio Dreamweaver:

  • Aprire la pagina HTML che presenta il problema in Dreamweaver;
  • Andare nel pannello Proprietà e premere il pulsante Proprietà di pagina;
  • Nel menu a sinistra Categoria cliccare sulla voce Titolo/Codifica;
  • A destra nella casella Codifica selezionare (Unicode UTF-8) e premere OK per confermare.

A questo punto dovreste essere in grado di vedere correttamente tutti i caratteri speciali presenti pagina.