Le entità HTML vengono utilizzate per rappresentare caratteri riservati dal codice o caratteri speciali nell’output. Sono sequenze di caratteri ben definite che segnalano al browser di visualizzare un determinato carattere.

Cosa sono le entità HTML?

Le entità HTML offrono la possibilità di esprimere certi caratteri in un documento HTML che:

  • … non sono naturalmente disponibili nel metodo di input utilizzato o sono difficili da inserire;
  • … sono riservati per HTML e svolgono una funzione propria nella codifica.

Per rappresentare questi caratteri senza danneggiare il codice, si utilizzano queste sequenze di caratteri ben definite. Si distinguono 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 particolarmente importanti quando non esiste una variante nominata.

Web Hosting
Diventa il n°1 della rete con il provider di hosting n°1 in Europa
  • Disponibilità garantita al 99,99%
  • Dominio, SSL ed e-mail inclusi
  • Assistenza 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 commerciale & 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’ortografia di queste entità HTML distingue tra maiuscole e minuscole, quindi bisogna prestare attenzione al loro utilizzo.

Entità numeriche in HTML

Le entità numeriche in HTML vengono utilizzate nel seguente formato:

&#numero_entità;
html

Invece di numero_entità si inserisce il valore Unicode del carattere desiderato. Se desideri scrivere il simbolo commerciale, 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 configurazione facile del DNS
  • Certificato SSL Wildcard gratuito
  • Protezione privacy inclusa

Entità HTML: elenco delle entità più Importanti

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

Punteggiatura

Carattere Descrizione Entità nominata Entità numerica
Spazio senza interruzione di pagina &nbsp; &#160;
. Punto &period; &#46;
, Virgola &comma; &#44;
! Punto esclamativo &excl; &#33;
? Punto interrogativo &quest; &#63;
& E commerciale &amp; &#38;
Virgolette &quot; &#34;
Apostrofo &apos; &#39;
# Cancelletto &num; &#35;
( Parentesi aperta &lpar; &#40;
) Parentesi chiusa &rpar; &#41;
% Percentuale &percnt; &#37;
§ Simbolo del paragrafo &sect; &#167;

Caratteri speciali

Carattere Descrizione Entità nominata Entità numerica
© Copyright &copy; &#169;
® Marchio registrato &reg; &#174;
Marchio commerciale &trade; &#8482;
@ Simbolo della chiocciola &commat; &#64;
Simbolo femminile &female; &#9792;
Simbolo maschile &male; &#9794;
Segno di spunta &check; &#10003;
Croce &cross; &#10007;

Simboli matematici

Carattere Descrizione Entità nominata Entità numerica
+ Più &plus; &#43;
Meno &minus; &#8722;
× Moltiplicazione &times; &#215;
÷ Divisione &divide; &#247;
= Uguale &equals; &#61;
< Minore di &lt; &#60;
> Maggiore di &gt; &#62;

Valute

Carattere Descrizione Entità nominata Entità numerica
Euro &euro; &#8364;
¢ Centesimo &cent; &#162;
$ Dollaro &dollar; &#36;
£ Sterlina &pound; &#163;
¥ Yen &yen; &#165;

Diacritici

Carattere Descrizione 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 spieghiamo cosa sono i tag HTML, quali sono le peculiarità di HTML5 e come iniziare a muovere i primi passi con CSS.

Hai trovato questo articolo utile?
Vai al menu principale