Caratteri speciali HTML e lettere accentate: la guida completa

Una delle prime difficoltà che potresti incontrare imparando l'HTML è la necessità di scrivere nel testo le lettere accentate oppure dei caratteri speciali che fanno parte della sintassi HTML o che, semplicemente, non sono disponibili sulla tastiera.

Perchè impostare la codifica HTML è importante altrimenti non si vedono le lettere accentate

La soluzione del problema è semplice: per evitare l'errore di visualizzazione delle lettere accentate, assicurati di aver impostato la codifica della tua pagina HTML.

Per tutti gli altri caratteri, invece di scrivere il carattere "così com'è", scrivi il codice HTML a esso corrispondente come suggerito nella seguente Tabella dei principali Caratteri Speciali HTML.

Nota bene: per ciascun carattere speciale possono esistere sia un codice nominale che un codice numerico (unicode), tra i due, se disponibile, ti consigliamo di scegliere il primo. La sintassi per inserire i codici (che prendono il nome di entità HTML) è sempre &[entità];

Per cercare un carattere speciale puoi anche utilizzare la funzione di ricerca del tuo browser, di solito attivabile premendo Ctrl+F su PC o Cmd+F su Mac, ma non dirlo in giro! 😉

Tabella dei principali Caratteri Speciali HTML
Carattere
Speciale
HTML Code
(case sensitive)
UnicodeNome o significato
°°°grado (simbolo dei gradi celsius)
«««virgolette sinistre in stile europeo
»»»virgolette destre in stile europeo
––trattino o meno
——trattino lungo
¡¡¡punto esclamativo invertito
¿¿¿punto di domanda invertito
"""virgolette
““virgolette sinistre inclinate
””virgolette destre inclinate
‘‘virgoletta sinistra inclinata
’’virgoletta destra inclinata
(blank space)  spazio vuoto
Simboli 
&&&e commerciale
¢¢¢simbolo di cent
©©©simbolo di copyright
÷÷÷simbolo di divisione
>>>simbolo maggiore
<&lt;&#60;simbolo minore
µ&micro;&#181;simbolo micron
·&middot;&#183;punto centrale
&para;&#182;delimitatore di paragrafo o simbolo di paragrafo
±&plusmn;&#177;più o meno
&euro;&#8364;simbolo valuta Euro
£&pound;&#163;simbolo valuta Sterlina britannica Pound
®&reg;&#174;simbolo di marchio registrato
§&sect;&#167;delimitatore di sezione
&trade;&#153;simbolo trademark
¥&yen;&#165;simbolo valuta Yen Giapponese
Diacritici 
á
Á
&aacute;
&Aacute;
&#225;
&#193;
aminuscola accentata con accento acuto
A maiuscola accentata con accento acuto
à
À
&agrave;
&Agrave;
&#224;
&#192;
aminuscola accentata con accento grave
A maiuscola accentata con accento grave
â
Â
&acirc;
&Acirc;
&#226;
&#194;
aminuscola con accento circonflesso
A maiuscola con accento circonflesso
å
Å
&aring;
&Aring;
&#229;
&#197;
aminuscola con anello o occhiello
A maiuscola con anello o occhiello
ã
Ã
&atilde;
&Atilde;
&#227;
&#195;
aminuscola con tilde
A maiuscola con tilde
ä
Ä
&auml;
&Auml;
&#228;
&#196;
aminuscola con dieresi
A maiuscola con dieresi
æ
Æ
&aelig;
&AElig;
&#230;
&#198;
aeminuscola con legatura fonetica
AE maiuscola con legatura fonetica
ç
Ç
&ccedil;
&Ccedil;
&#231;
&#199;
cminuscola con cediglia
C maiuscola con cediglia
é
É
&eacute;
&Eacute;
&#233;
&#201;
eminuscola con accento acuto
E maiuscola con accento acuto
è
È
&egrave;
&Egrave;
&#232;
&#200;
eminuscola con accento grave
E maiuscola con accento grave
ê
Ê
&ecirc;
&Ecirc;
&#234;
&#202;
eminuscola con accento circonflesso
E maiuscola con accento circonflesso
ë
Ë
&euml;
&Euml;
&#235;
&#203;
eminuscola con dieresi o umlaut
E maiuscola con dieresi o umlaut
í
Í
&iacute;
&Iacute;
&#237;
&#205;
iminuscola con accento acuto
I maiuscola con accento acuto
ì
Ì
&igrave;
&Igrave;
&#236;
&#204;
iminuscola con accento grave
I maiuscola con accento grave
î
Î
&icirc;
&Icirc;
&#238;
&#206;
iminuscola con accento circonflesso
I maiuscola con accento circonflesso
ï
Ï
&iuml;
&Iuml;
&#239;
&#207;
iminuscola con diaeresis o umlaut
I maiuscola con diaeresis o umlaut
ñ
Ñ
&ntilde;
&Ntilde;
&#241;
&#209;
nminuscola con tilde
N maiuscola con tilde
ó
Ó
&oacute;
&Oacute;
&#243;
&#211;
ominuscola con accento acuto
O maiuscola con accento acuto
ò
Ò
&ograve;
&Ograve;
&#242;
&#210;
ominuscola con accento grave
O maiuscola con accento grave
ô
Ô
&ocirc;
&Ocirc;
&#244;
&#212;
ominuscola con accento circonflesso
O maiuscola con accento circonflesso
ø
Ø
&oslash;
&Oslash;
&#248;
&#216;
ominuscola barrata (simbolo di diametro)
O maiuscola barrata (simbolo di diametro)
õ
Õ
&otilde;
&Otilde;
&#245;
&#213;
ominuscola con tilde
O maiuscola con tilde
ö
Ö
&ouml;
&Ouml;
&#246;
&#214;
ominuscola con dieresi o umlaut
upper-case O maiuscola con dieresi o umlaut
ú
Ú
&uacute;
&Uacute;
&#250;
&#218;
uminuscola con accento acuto
U maiuscola con accento acuto
ù
Ù
&ugrave;
&Ugrave;
&#249;
&#217;
uminuscola con accento grave
U maiuscola con accento grave
û
Û
&ucirc;
&Ucirc;
&#251;
&#219;
uminuscola con accento circonflesso
U maiuscola con accento circonflesso
ü
Ü
&uuml;
&Uuml;
&#252;
&#220;
uminuscola con dieresi o umlaut
U maiuscola con dieresi o umlaut
ß&szlig;&#223;simbolo beta
ÿ&yuml;&#255;y minuscola con dieresi o umlaut
´ &#180;accento acuto o apostrofo senza lettera
` &#96;accento grave o apostropo inverso senza lettera
Scacchi 
 &#x2654;Re bianco
 &#x265a;Re nero
 &#x2655;Regina bianca
 &#x265b;Regina nera
 &#x2656;Torre bianca
 &#x265c;Torre nera
 &#x2657Afiere bianco
 &#x265d;Alfiere nero
 &#x2658;Cavallo bianco
 &#x265e;Cavallo nero
 &#x2659;Pedone bianco
 &#x265f;Pedone nero
Frecce 
&#8594;&#x2190;Freccia a destra
&#8592;&#x2192;Freccia a sinistra
&#8593;&#x2191;Freccia in basso
&#8595;&#x2193;Freccia in basso
&#8596;&#x2194;Doppia freccia orizzontale
&#8597;&#x2195;;Doppia freccia verticale
Vari 
&hearts;&#9829;Cuore 1
 &#10084;Cuore 2
 &#x263c;Sole
 &#x263e;Luna crescente
 &#x263d;Luna calante
 &#x262e;Simbolo Pace
 &#x262f;Simbolo Tao

Pssst... Quante volte ti è capitato di trovare una pagina web utile e poi perderla?
Puoi aggiungere un segnalibro al tuo browser premendo Ctrl+D su PC o Cmd+D su Mac, ma non dirlo a nessuno! 😉

Alcuni consigli

Per la lista completa di tutti i caratteri speciali html puoi consultare anche la documentazione ufficiale del W3C (il Consorzio internazionale che stabilisce gli standard del Web).

Se stai studiando l'HTML per imparare le basi del Web, ti sarebbero molto utili dei corsi di Web Design oppure per imparare a programmare: apprenderai più in fretta e meglio!

Se stai studiando l'informatica per farne un lavoro, ricordati che anche la lingua inglese ti sarà indispensabile. Per questo motivo ti suggeriamo questi corsi di inglese, trova il migliore per te!

Buon lavoro!

Vorrai mica perderti altri articoli come questo?
Iscriviti per riceverne altri!

Scritto da

Duccio

Duccio Armenise

Corsidia Founder

Aiuto solo i migliori Maestri a trovare i loro prossimi Studenti. Come? Così! :)

Bio - uCV

Per

Corsidia logo

I tuoi prossimi Studenti ti stanno già cercando, tu ci sei?

Materie

Trova un altro corso