Entità HTML: tabella completa dei simboli da copiare

Vuoi spiegare ai tuoi lettori che il grassetto si fa con il tag <strong>. Scrivi la frase nel codice della pagina, salvi, e nel browser succede una cosa strana: la parola <strong> sparisce e tutto il testo che segue diventa grassetto. Il colpevole è quel <: per l’HTML non è un simbolo da mostrare, è l’inizio di un tag.

Per scrivere questi caratteri, e tanti altri che sulla tastiera non trovi, l’HTML ha un sistema semplice: le entità HTML. Sono piccoli codici, come < o ©, che il browser trasforma nel simbolo giusto.

In questa guida trovi la tabella completa dei simboli più usati, da copiare con un clic, e ti spiego quando usare un’entità, quando un codice numerico e quando basta scrivere il carattere così com’è.

Cos’è un’entità HTML

Un’entità HTML è un modo di scrivere un carattere usando solo lettere e numeri. Inizia sempre con & e finisce con un punto e virgola. In mezzo c’è il nome del carattere, oppure il suo numero.

Lo stesso simbolo si può scrivere in tre modi, e il risultato è identico:

• Con il nome: ©. Facile da ricordare, ma esiste solo per i caratteri che hanno un nome.
• Con il numero decimale: ©. Funziona con qualsiasi carattere.
• Con il numero esadecimale: ©. È lo stesso numero in base 16, quello che trovi nei codici Unicode come U+00A9.

Quel numero non è inventato: è il codice che lo standard Unicode assegna a ogni carattere del mondo. Ne parlo per bene nella guida su ASCII, Unicode e UTF-8, ma per ora ti basta sapere che ogni simbolo ha il suo numero, e che con quel numero puoi sempre scriverlo.

Le cinque entità che devi conoscere

Di nomi ne esistono più di duemila, ma quelle davvero indispensabili sono cinque. Sono i caratteri che l’HTML usa per la sua stessa sintassi, quindi quando ti servono come testo vanno scritti con l’entità.

Entità, codice numerico o carattere diretto?

Ecco la domanda che conta davvero. Se la tua pagina dichiara la codifica UTF-8, e oggi lo fa quasi ogni sito, puoi scrivere quasi tutti i simboli direttamente: è, €, ©, →. Il browser li mostra senza bisogno di codici.

<head>
  <!-- tra le prime righe della pagina -->
  <meta charset="utf-8">
</head>

Le entità restano utili in tre casi:

• Per i cinque caratteri riservati che hai appena visto. Qui non c’è alternativa.
• Per i caratteri invisibili, come lo spazio non separabile. Scritto direttamente non lo distingui da uno spazio normale; scritto   lo vedi subito nel codice.
• Quando non puoi digitare il simbolo, o non sei sicuro della codifica del file in cui stai scrivendo.

La tabella dei simboli da copiare

Ecco i simboli che ti servono più spesso, divisi per categoria. Per ognuno trovi il nome, l’entità HTML (o il codice numerico, se il nome non esiste) e il codice Unicode. Con “Copia” prendi il simbolo, con “Copia codice” l’entità da incollare nell’HTML.

Caratteri riservati

• &

  & U+0026

• <

  < U+003C

• >

  > U+003E

• "

  " U+0022

• '

  ' U+0027

Spazi e caratteri invisibili

Sono i caratteri che non vedi, ma che cambiano come va a capo il testo. Il più utile è lo spazio non separabile: tiene uniti un numero e la sua unità di misura, o un titolo e un nome, così non finiscono su due righe diverse.

• NBSP

    U+00A0

• NNBSP

    U+202F

• THSP

    U+2009

• ENSP

    U+2002

• EMSP

    U+2003

• ZWSP

  ​ U+200B

• WJ

  ⁠ U+2060

• SHY

  ­ U+00AD

Il trattino facoltativo (­) è invisibile finché la parola sta sulla riga. Se invece la parola deve andare a capo, il browser la spezza lì e mostra il trattino: comodo per le parole molto lunghe nei titoli stretti.

Punteggiatura e virgolette

Nella scrittura curata le virgolette dritte " diventano virgolette tipografiche: in italiano si usano le basse « », oppure le alte “ ”. E il trattino corto della tastiera non è la lineetta che separa un inciso: quella è – oppure —.

• –

  – U+2013

• —

  — U+2014

• …

  … U+2026

• «

  « U+00AB

• »

  » U+00BB

• “

  “ U+201C

• ”

  ” U+201D

• ‘

  ‘ U+2018

• ’

  ’ U+2019

• „

  „ U+201E

• ·

  · U+00B7

• •

  • U+2022

• ′

  ′ U+2032

• ″

  ″ U+2033

• ¿

  ¿ U+00BF

• ¡

  ¡ U+00A1

Copyright e marchi

• ©

  © U+00A9

• ®

  ® U+00AE

• ™

  ™ U+2122

• ℗

  ℗ U+2117

• §

  § U+00A7

• ¶

  ¶ U+00B6

• †

  † U+2020

• ‡

  ‡ U+2021

• №

  № U+2116

• °

  ° U+00B0

Simboli di valuta

Quando scrivi un prezzo come “5 €”, separa cifra e simbolo con lo spazio non separabile, così non finiscono mai su due righe diverse: 5 €.

• €

  € U+20AC

• $

  $ U+0024

• £

  £ U+00A3

• ¥

  ¥ U+00A5

• ¢

  ¢ U+00A2

• ₹

  ₹ U+20B9

• ₩

  ₩ U+20A9

• ¤

  ¤ U+00A4

Frecce

• ←

  ← U+2190

• →

  → U+2192

• ↑

  ↑ U+2191

• ↓

  ↓ U+2193

• ↔

  ↔ U+2194

• ↕

  ↕ U+2195

• ⇐

  ⇐ U+21D0

• ⇒

  ⇒ U+21D2

• ⇔

  ⇔ U+21D4

• ↵

  ↵ U+21B5

• ↩

  ↩ U+21A9

• ↪

  ↪ U+21AA

• ↗

  ↗ U+2197

• ↘

  ↘ U+2198

• ↙

  ↙ U+2199

• ↖

  ↖ U+2196

Simboli matematici

Il segno meno di − è più largo del trattino della tastiera, ed è quello giusto nelle formule: “−5” si legge meglio di “-5”. Lo stesso vale per il segno di moltiplicazione: “3 × 4” invece di “3 x 4”.

• ×

  × U+00D7

• ÷

  ÷ U+00F7

• ±

  ± U+00B1

• −

  − U+2212

• ≠

  ≠ U+2260

• ≈

  ≈ U+2248

• ≤

  ≤ U+2264

• ≥

  ≥ U+2265

• ∞

  ∞ U+221E

• √

  √ U+221A

• ∑

  ∑ U+2211

• π

  π U+03C0

• ½

  ½ U+00BD

• ¼

  ¼ U+00BC

• ¾

  ¾ U+00BE

• ‰

  ‰ U+2030

• ²

  ² U+00B2

• ³

  ³ U+00B3

• µ

  µ U+00B5

Lettere accentate

Nelle pagine in UTF-8 puoi scriverle direttamente. Le entità tornano utili per le maiuscole che la tastiera italiana non ha, come la È: su Windows la ottieni anche tenendo premuto Alt e digitando 0200 sul tastierino numerico.

• à

  à U+00E0

• è

  è U+00E8

• é

  é U+00E9

• ì

  ì U+00EC

• ò

  ò U+00F2

• ù

  ù U+00F9

• À

  À U+00C0

• È

  È U+00C8

• É

  É U+00C9

• Ì

  Ì U+00CC

• Ò

  Ò U+00D2

• Ù

  Ù U+00D9

• ç

  ç U+00E7

• ñ

  ñ U+00F1

• ü

  ü U+00FC

• ß

  ß U+00DF

Altri simboli

• ✓

  ✓ U+2713

• ✗

  ✗ U+2717

• ★

  ★ U+2605

• ☆

  ☆ U+2606

• ♥

  ♥ U+2665

• ♦

  ♦ U+2666

• ♣

  ♣ U+2663

• ♠

  ♠ U+2660

• ☎

  ☎ U+260E

• ♪

  ♪ U+266A

• ◊

  ◊ U+25CA

• ○

  ○ U+25CB

Gli errori più comuni con le entità

• Dimenticare il punto e virgola. Alcune entità funzionano anche senza, per compatibilità con il vecchio HTML, ma molte no. Mettilo sempre.
• Sbagliare le maiuscole. I nomi distinguono maiuscole e minuscole: é è “é”, É è “É”.
• Scrivere due volte la conversione. Se nella pagina leggi & invece di &, il testo è stato convertito due volte: & è diventato &, e poi di nuovo &.
• Usare le entità fuori dall’HTML. Funzionano solo nel codice HTML. In JavaScript, CSS o Python i caratteri speciali si scrivono in un altro modo, con la barra rovesciata.

Quest’ultimo punto apre un mondo. Le entità sono il modo dell’HTML di dire “questo carattere è testo, non codice”. Gli altri linguaggi hanno lo stesso problema con le virgolette e gli a capo, e lo risolvono con le sequenze di escape, come \n e \".

Domande frequenti

Come si scrive il simbolo © in HTML?

Con l’entità ©, con il codice ©, oppure scrivendo direttamente © se la pagina è in UTF-8. Il risultato è identico.

Che differenza c’è tra   e uno spazio normale?

Lo spazio non separabile impedisce di andare a capo in quel punto, e il browser non lo unisce agli altri spazi. Usalo per tenere insieme numero e unità di misura, non per creare spazio vuoto: per quello si usa il CSS.

Con UTF-8 servono ancora le entità HTML?

Per la maggior parte dei simboli no, li scrivi direttamente. Servono ancora per i caratteri riservati (&, <, > e le virgolette negli attributi) e sono comode per i caratteri invisibili.

Come scrivo la È maiuscola?

In HTML con È, oppure copiandola dalla tabella qui sopra. Su Windows puoi anche tenere premuto Alt e digitare 0200 sul tastierino numerico.

Perché nella pagina vedo & invece di &?

Perché il testo è stato convertito due volte: la prima volta la & è diventata &, la seconda volta anche la & di quel codice è stata convertita. Va convertito una sola volta, appena prima di inserirlo nell’HTML.

Quante entità HTML esistono?

Lo standard HTML ne elenca 2.231 con nome. Di queste, 106 sono la vecchia versione senza punto e virgola, tenuta per compatibilità con le pagine più datate. Per tutti gli altri caratteri c’è sempre il codice numerico.

Fonti e approfondimenti

• WHATWG: l’elenco ufficiale delle entità HTML
• WHATWG: come funzionano i riferimenti a caratteri
• MDN Web Docs: riferimenti a caratteri
• W3C: usare i caratteri di escape nel markup e nel CSS

Ora sai come scrivere qualsiasi simbolo in HTML senza rompere la pagina. Ma se lavori anche con JavaScript, Python o PHP, prima o poi incontrerai una stringa che si interrompe a metà per colpa di una virgoletta. Nel prossimo articolo ti spiego le sequenze di escape: cosa sono \n, \t e \", e come usarle senza errori.