Le entità HTML vengono uti­liz­za­te per rap­pre­sen­ta­re caratteri riservati dal codice o caratteri speciali nell’output. Sono sequenze di caratteri ben definite che segnalano al browser di vi­sua­liz­za­re un de­ter­mi­na­to carattere.

Cosa sono le entità HTML?

Le entità HTML offrono la pos­si­bi­li­tà di esprimere certi caratteri in un documento HTML che:

  • … non sono na­tu­ral­men­te di­spo­ni­bi­li nel metodo di input uti­liz­za­to o sono difficili da inserire;
  • … sono riservati per HTML e svolgono una funzione propria nella codifica.

Per rap­pre­sen­ta­re questi caratteri senza dan­neg­gia­re il codice, si uti­liz­za­no queste sequenze di caratteri ben definite. Si di­stin­guo­no le entità nominate (entity names) dalle entità numeriche (entity numbers). Mentre le entità nominate sono più facili da leggere e ricordare, le entità numeriche sono par­ti­co­lar­men­te im­por­tan­ti quando non esiste una variante nominata.

Web Hosting
Diventa il n°1 della rete con il provider di hosting n°1 in Europa
  • Di­spo­ni­bi­li­tà garantita al 99,99%
  • Dominio, SSL ed e-mail inclusi
  • As­si­sten­za 24/7 in lingua italiana

Entità nominate in HTML

Le entità nominate in HTML hanno il seguente formato:

&nome_entità;
html

Per esempio, nel codice il simbolo com­mer­cia­le & deve essere inserito come & (dall’inglese “ampersand”). Di seguito trovi un esempio che illustra l’uso dell’entità:

<!DOCTYPE html>
<html>
<body>
<h1>Esempio di un’entità nominata</h1>
<h2>Il simbolo della e commerciale appare così: &amp;</h2>
</body>
</html>
html
N.B.

L’or­to­gra­fia di queste entità HTML distingue tra maiuscole e minuscole, quindi bisogna prestare at­ten­zio­ne al loro utilizzo.

Entità numeriche in HTML

Le entità numeriche in HTML vengono uti­liz­za­te nel seguente formato:

&#numero_entità;
html

Invece di numero_entità si inserisce il valore Unicode del carattere de­si­de­ra­to. Se desideri scrivere il simbolo com­mer­cia­le, la sequenza di caratteri &#38; è la scelta corretta. Questa versione nel codice appare così:

<!DOCTYPE html>
<html>
<body>
<h1>Esempio di un’entità numerica</h1>
<h2>Il simbolo della e commerciale appare così: &#38;</h2>
</body>
</html>
html
Acquista e registra il tuo dominio con il provider n°1 in Europa
  • Domain Connect gratuito per una con­fi­gu­ra­zio­ne facile del DNS
  • Cer­ti­fi­ca­to SSL Wildcard gratuito
  • Pro­te­zio­ne privacy inclusa

Entità HTML: elenco delle entità più Im­por­tan­ti

Sia che tu stia appena iniziando a imparare l’HTML o che tu lo stia usando da tempo, un elenco delle entità HTML più im­por­tan­ti è sempre utile. Nei paragrafi seguenti troverai alcune delle entità più usate.

Pun­teg­gia­tu­ra

Carattere De­scri­zio­ne Entità nominata Entità numerica
Spazio senza in­ter­ru­zio­ne di pagina &nbsp; &#160;
. Punto &period; &#46;
, Virgola &comma; &#44;
! Punto escla­ma­ti­vo &excl; &#33;
? Punto in­ter­ro­ga­ti­vo &quest; &#63;
& E com­mer­cia­le &amp; &#38;
“ Vir­go­let­te &quot; &#34;
’ Apostrofo &apos; &#39;
# Can­cel­let­to &num; &#35;
( Parentesi aperta &lpar; &#40;
) Parentesi chiusa &rpar; &#41;
% Per­cen­tua­le &percnt; &#37;
§ Simbolo del paragrafo &sect; &#167;

Caratteri speciali

Carattere De­scri­zio­ne Entità nominata Entità numerica
© Copyright &copy; &#169;
® Marchio re­gi­stra­to &reg; &#174;
™ Marchio com­mer­cia­le &trade; &#8482;
@ Simbolo della chioc­cio­la &commat; &#64;
♀ Simbolo femminile &female; &#9792;
♂ Simbolo maschile &male; &#9794;
Segno di spunta &check; &#10003;
Croce &cross; &#10007;

Simboli ma­te­ma­ti­ci

Carattere De­scri­zio­ne Entità nominata Entità numerica
+ Più &plus; &#43;
− Meno &minus; &#8722;
× Mol­ti­pli­ca­zio­ne &times; &#215;
÷ Divisione &divide; &#247;
= Uguale &equals; &#61;
< Minore di &lt; &#60;
> Maggiore di &gt; &#62;

Valute

Carattere De­scri­zio­ne Entità nominata Entità numerica
€ Euro &euro; &#8364;
¢ Centesimo &cent; &#162;
$ Dollaro &dollar; &#36;
£ Sterlina &pound; &#163;
¥ Yen &yen; &#165;

Dia­cri­ti­ci

Carattere De­scri­zio­ne Entità nominata Entità numerica
À A maiuscola con accento grave &Agrave; &#192;
à a minuscola con accento grave &agrave; &#224;
È E maiuscola con accento grave &Egrave; &#200;
è e minuscola con accento grave &egrave; &#232;
É E maiuscola con accento acuto &Eacute; &#201;
é e minuscola con accento acuto &eacute; &#233;
Ì I maiuscola con accento grave &Igrave; &#204;
ì i minuscola con accento grave &igrave; &#236;
Ò O maiuscola con accento grave &Ograve; &#210;
ò o minuscola con accento grave &ograve; &#242;
Ó O maiuscola con accento acuto &Oacute; &#211;
ó o minuscola con accento acuto &oacute; &#243;
Ù U maiuscola con accento grave &Ugrave; &#217;
ù u minuscola con accento grave &ugrave; &#249;
Consiglio

Nella nostra Digital Guide, troverai molte altre guide dedicate all’Hypertext Markup Language (HTML). Ad esempio, ti spie­ghia­mo cosa sono i tag HTML, quali sono le pe­cu­lia­ri­tà di HTML5 e come iniziare a muovere i primi passi con CSS.

Vai al menu prin­ci­pa­le