Caratteri speciali del linguaggio HTML

Uno dei primi problemi che potresti incontrare imparando a scrivere in HTML è la necessità di scrivere nel testo alcuni caratteri speciali che non riesci a digitare e visualizzare correttamente perché fanno parte della sintassi HTML oppure non sono disponibili sulla tastiera.

La soluzione del problema è piuttosto semplice: per evitare l'errore di visualizzazione, 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

Carattere
Speciale
HTML Code
(case sensitive)
Unicode Nome o significato
« « « 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;
a minuscola accentata con accento acuto
A maiuscola accentata con accento acuto
à
À
&agrave;
&Agrave;
&#224;
&#192;
a minuscola accentata con accento grave
A maiuscola accentata con accento grave
â
Â
&acirc;
&Acirc;
&#226;
&#194;
a minuscola con accento circonflesso
A maiuscola con accento circonflesso
å
Å
&aring;
&Aring;
&#229;
&#197;
a minuscola con anello o occhiello
A maiuscola con anello o occhiello
ã
Ã
&atilde;
&Atilde;
&#227;
&#195;
a minuscola con tilde
A maiuscola con tilde
ä
Ä
&auml;
&Auml;
&#228;
&#196;
a minuscola con dieresi
A maiuscola con dieresi
æ
Æ
&aelig;
&AElig;
&#230;
&#198;
ae minuscola con legatura fonetica
AE maiuscola con legatura fonetica
ç
Ç
&ccedil;
&Ccedil;
&#231;
&#199;
c minuscola con cediglia
C maiuscola con cediglia
é
É
&eacute;
&Eacute;
&#233;
&#201;
e minuscola con accento acuto
E maiuscola con accento acuto
è
È
&egrave;
&Egrave;
&#232;
&#200;
e minuscola con accento grave
E maiuscola con accento grave
ê
Ê
&ecirc;
&Ecirc;
&#234;
&#202;
e minuscola con accento circonflesso
E maiuscola con accento circonflesso
ë
Ë
&euml;
&Euml;
&#235;
&#203;
e minuscola con dieresi o umlaut
E maiuscola con dieresi o umlaut
í
Í
&iacute;
&Iacute;
&#237;
&#205;
i minuscola con accento acuto
I maiuscola con accento acuto
ì
Ì
&igrave;
&Igrave;
&#236;
&#204;
i minuscola con accento grave
I maiuscola con accento grave
î
Î
&icirc;
&Icirc;
&#238;
&#206;
i minuscola con accento circonflesso
I maiuscola con accento circonflesso
ï
Ï
&iuml;
&Iuml;
&#239;
&#207;
i minuscola con diaeresis o umlaut
I maiuscola con diaeresis o umlaut
ñ
Ñ
&ntilde;
&Ntilde;
&#241;
&#209;
n minuscola con tilde
N maiuscola con tilde
ó
Ó
&oacute;
&Oacute;
&#243;
&#211;
o minuscola con accento acuto
O maiuscola con accento acuto
ò
Ò
&ograve;
&Ograve;
&#242;
&#210;
o minuscola con accento grave
O maiuscola con accento grave
ô
Ô
&ocirc;
&Ocirc;
&#244;
&#212;
o minuscola con accento circonflesso
O maiuscola con accento circonflesso
ø
Ø
&oslash;
&Oslash;
&#248;
&#216;
o minuscola barrata (simbolo di diametro)
O maiuscola barrata (simbolo di diametro)
õ
Õ
&otilde;
&Otilde;
&#245;
&#213;
o minuscola con tilde
O maiuscola con tilde
ö
Ö
&ouml;
&Ouml;
&#246;
&#214;
o minuscola con dieresi o umlaut
upper-case O maiuscola con dieresi o umlaut
ú
Ú
&uacute;
&Uacute;
&#250;
&#218;
u minuscola con accento acuto
U maiuscola con accento acuto
ù
Ù
&ugrave;
&Ugrave;
&#249;
&#217;
u minuscola con accento grave
U maiuscola con accento grave
û
Û
&ucirc;
&Ucirc;
&#251;
&#219;
u minuscola con accento circonflesso
U maiuscola con accento circonflesso
ü
Ü
&uuml;
&Uuml;
&#252;
&#220;
u minuscola 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
  &#x2657 Afiere 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  
  &#x263c; Sole
  &#x263e; Luna crescente
  &#x263d; Luna calante
  &#x262e; Simbolo Pace
  &#x262f; Simbolo Tao

Salva la tabella dei caratteri speciali HTML

Se preferisci scaricare la tabella dei caratteri speciali html in un semplice formato di testo clicca col pulsante destro del mouse qui e scegli "salva con nome": caratterispecialihtml.txt

Pssst... puoi aggiungere questa tabella ai segnalibri del tuo browser per ritrovarla in fretta premendo CTRL+D su PC o CMD+D su Mac. Oppure   Delicious Salvala su Delicious!

Puoi anche consultare la documentazione ufficiale del W3C (il Consorzio internazionale che stabilisce gli standard del Web).

Se sei interessato ad altri contenuti gratuiti e vuoi essere aggiornato sui nostri corsi di Web Design (principalmente a Milano e provincia Nord) inserisci qui la tua email:

Un ultimo consiglio

Se stai studiando l'informatica per farne un lavoro, ricordati che la lingua inglese ti sarà indispensabile. Per questo motivo ti segnaliamo questi corsi di inglese a milano.
Inoltre potresti partire per una vacanza studio a Londra o, più in generale, in Inghilterra, che è un must per imparare il "British English" richiesto nel mondo del lavoro.

Buon lavoro!
NemboWeb Team