Entità HTML

Esistono molti simboli non presenti su una tastiera standard (simboli matematici, tecnici, valutari, ecc.). Inoltre, alcuni simboli non possono essere usati direttamente perché potrebbero causare confusione. Ad esempio, non possiamo usare > perché in HTML questo simbolo viene interpretato come delimitatore di tag e il browser non lo mostrerà come testo.

In HTML, le entità visualizzano i caratteri riservati — che potrebbero essere confusi con il codice HTML — o i caratteri invisibili, come gli spazi unificatori. Rappresentano anche caratteri difficili o impossibili da digitare con la tastiera.

Ogni entità inizia con una e commerciale (&) e termina con un punto e virgola (;). Il punto e virgola è obbligatorio: senza di esso, il browser potrebbe non riconoscere l'entità.

Riferimenti con nome, decimali ed esadecimali

Esistono tre modi per scrivere lo stesso carattere. Tutti e tre i seguenti producono una e commerciale (&):

Un riferimento con nome (come &) è facile da leggere e ricordare, ma esiste solo un insieme fisso di nomi definiti. Un riferimento numerico può rappresentare qualsiasi carattere Unicode tramite il suo code point — decimale (&) o esadecimale (&). Il decimale 38 e l'esadecimale 26 sono semplicemente due modi per scrivere lo stesso code point. I riferimenti numerici sono utili quando non esiste un'entità con nome per il carattere desiderato.

I nomi delle entità distinguono tra maiuscole e minuscole: & funziona, ma & no.

Ad esempio:

<p>5 &lt; 10 and 10 &gt; 5</p>
<title>HTML entities &amp; symbols</title>
<p>Snowman: &#9731; or &#x2603;</p>

Quando le entità sono necessarie

Non è necessario eseguire l'escape di ogni carattere speciale — la maggior parte può essere digitata direttamente. Le entità sono obbligatorie solo quando un carattere verrebbe altrimenti interpretato come markup, oppure quando si ha bisogno di un carattere invisibile che uno spazio normale non fornisce:

• < — fa l'escape di < in modo che il browser non lo interpreti come inizio di un tag.
• > — fa l'escape di > (consigliato per simmetria, anche se è strettamente necessario solo in determinati contesti).
• & — fa l'escape di & in modo che non venga interpretato come inizio di un'altra entità.
• " — fa l'escape di un doppio apice all'interno di un valore di attributo che è esso stesso racchiuso tra doppi apici.
•   — uno spazio unificatore, usato per mantenere due parole sulla stessa riga.

Ad esempio, per evitare che un'etichetta e un anno vengano separati su due righe, si usa uno spazio unificatore:

<p>Copyright&nbsp;2024</p>

Il browser visualizza questo come uno spazio normale, ma non inserirà mai un'interruzione di riga tra "Copyright" e "2024".

Entità di caratteri comunemente usate in HTML

Simboli matematici supportati da HTML

Lettere greche supportate da HTML

Altre entità supportate da HTML

Spazio unificatore

Lo spazio unificatore ( ) è una delle entità di carattere più comuni usate in HTML. È uno spazio che non va a capo. Ciò significa che due parole separate da uno spazio unificatore rimarranno sempre sulla stessa riga. Inoltre, lo spazio unificatore impedisce ai browser di comprimere più spazi in uno solo.

Per l'elenco completo dei code point e di come i caratteri vengono mappati ai numeri, consulta il riferimento Unicode HTML.

Segni diacritici

Con segno diacritico si intende un "glifo" aggiunto a una lettera. Alcuni di questi segni, come il grave (̀) e l'acuto (́), sono chiamati accenti. I segni diacritici possono comparire sopra o sotto una lettera, tra due lettere o all'interno di una lettera.

Ecco un elenco contenente alcuni segni diacritici:

Esercitazione