Esercitazione HTML

HTML HOME Introduzione all'HTML Editor HTML HTML di base Elementi HTML Attributi HTML Intestazioni HTML Paragrafi HTML Stili HTML Formattazione HTML Citazioni HTML Commenti HTML Colori HTML CSS HTML Collegamenti HTML Immagini HTML Favicon HTML Tabelle HTML Elenchi HTML Blocco HTML e in linea Classi HTML ID HTML Iframe HTML JavaScript HTML Percorsi di file HTML Testa HTML Layout HTML HTML reattivo Codice informatico HTML Semantica HTML Guida allo stile HTML Entità HTML Simboli HTML Emoji HTML Set di caratteri HTML Codifica URL HTML HTML e XHTML

Moduli HTML

Moduli HTML Attributi del modulo HTML Elementi del modulo HTML Tipi di input HTML Attributi di input HTML Attributi del modulo di input HTML

Grafica HTML

Tela HTML HTML SVG

Supporto HTML

Supporto HTML Video HTML Audio HTML Plug-in HTML YouTube HTML

API HTML

Geolocalizzazione HTML Trascina/rilascia HTML Archiviazione Web HTML Lavoratori Web HTML HTML SSE

Esempi HTML

Esempi HTML Quiz HTML Esercizi HTML Certificato HTML Riepilogo HTML Accessibilità HTML

Riferimenti HTML

Elenco tag HTML Attributi HTML Attributi globali HTML Supporto browser HTML Eventi HTML Colori HTML Tela HTML Audio/video HTML Tipi di documenti HTML Set di caratteri HTML Codifica URL HTML Codici HTML Lang Messaggi HTTP Metodi HTTP Convertitore da PX a EM Tasti rapidi

Entità HTML


I caratteri riservati in HTML devono essere sostituiti con entità carattere.


Entità HTML

Alcuni caratteri sono riservati in HTML.

Se utilizzi i segni minore di (<) o maggiore di (>) nel tuo testo, il browser potrebbe mescolarli con i tag.

Le entità carattere vengono utilizzate per visualizzare i caratteri riservati in HTML.

Un'entità carattere è simile a questa:

&entity_name;

OR

&#entity_number;

Per visualizzare un segno minore di (<) dobbiamo scrivere: < o <

Vantaggio dell'utilizzo di un nome di entità: un nome di entità è facile da ricordare.
Svantaggio dell'utilizzo di un nome di entità: i browser potrebbero non supportare tutti i nomi di entità, ma il supporto per i numeri di entità è buono.


Spazio indistruttibile

Un'entità comunemente usata in HTML è lo spazio unificatore:  

Uno spazio unificatore è uno spazio che non si interromperà in una nuova riga.

Due parole separate da uno spazio non divisibile rimarranno unite (non si interromperanno in una nuova riga). Questo è utile quando rompere le parole potrebbe essere dirompente.

Esempi:

  • § 10
  • 10 km/h
  • 22:00

Un altro uso comune dello spazio unificatore è impedire ai browser di troncare gli spazi nelle pagine HTML.

Se scrivi 10 spazi nel testo, il browser ne rimuoverà 9. Per aggiungere spazi reali al tuo testo, puoi utilizzare il   entità caratteriale.

Suggerimento: il trattino unificatore ( ) viene utilizzato per definire un carattere di trattino (‑) che non si interrompe in una nuova riga.



Alcune utili entità di caratteri HTML

Result Description Entity Name Entity Number Try it
non-breaking space &nbsp; &#160;
< less than &lt; &#60;
> greater than &gt; &#62;
& ampersand &amp; &#38;
" double quotation mark &quot; &#34;
' single quotation mark (apostrophe) &apos; &#39;
¢ cent &cent; &#162;
£ pound &pound; &#163;
¥ yen &yen; &#165;
euro &euro; &#8364;
© copyright &copy; &#169;
® registered trademark &reg; &#174;

Nota: i nomi delle entità fanno distinzione tra maiuscole e minuscole.


Combinazione di segni diacritici

Un segno diacritico è un "glifo" aggiunto a una lettera.

Alcuni segni diacritici, come grave ( ̀) e acuto ( ́) sono chiamati accenti.

I segni diacritici possono apparire sia sopra che sotto una lettera, all'interno di una lettera e tra due lettere.

I segni diacritici possono essere utilizzati in combinazione con i caratteri alfanumerici per produrre un carattere che non è presente nel set di caratteri (codifica) utilizzato nella pagina.

Ecco alcuni esempi:

Mark Character Construct Result Try it
 ̀ a a&#768;
 ́ a a&#769;
̂ a a&#770;
 ̃ a a&#771;
 ̀ O O&#768;
 ́ O O&#769;
̂ O O&#770;
 ̃ O O&#771;

Vedrai più simboli HTML nel prossimo capitolo di questo tutorial.