Alcuni simboli sono difficili da digitare e altri sono, tecnicamente, proibiti. Scopri quale è quale e come padroneggiare i caratteri in HTML.
Potrebbero esserci momenti in cui è necessario utilizzare un carattere speciale sul tuo sito web, come il simbolo della e commerciale. Tuttavia, non puoi semplicemente digitare "&" nel tuo codice HTML, poiché si tratta di un simbolo HTML riservato.
Invece, puoi utilizzare entità HTML o codici speciali per rappresentare questi caratteri. Ciò ti consente di aggiungere simboli alla tua pagina web senza interferire con il codice HTML effettivo.
Cosa sono i simboli in HTML?
Quando creazione di un sito Web HTML, utilizzerai una serie di simboli per la punteggiatura. Mentre puoi aggiungere la maggior parte dei caratteri direttamente alla tua pagina, alcuni hanno un significato speciale o sono difficili da digitare. Ad esempio, l'HTML utilizza simboli come parentesi angolari (< e >), e commerciale (&) e virgolette (" e ') per rappresentare la struttura del contenuto.
Un browser web in genere interpreta il simbolo della parentesi angolare come un tag di apertura o chiusura. Se non è quello che intendi, potrebbe causare errori nella tua pagina web. Esempi di simboli che richiedono un codice entità includono:
- E commerciale (
&) - Meno di (
<) - Più grande di (
>) - Citazione doppia (
") - Citazione singola (
')
Altri simboli come il simboli di copyright e marchio di fabbrica non richiedono un codice entità, ma puoi comunque utilizzarne uno se preferisci. Potrebbero essere scomodi da digitare o addirittura non supportati nel tuo editor di testo. Alcuni esempi includono:
- Simbolo del diritto d'autore (©)
- Simbolo del marchio (™)
- Simbolo di marchio registrato (®)
Cosa sono le entità denominate e numeriche?
Puoi rappresentare ogni simbolo utilizzando un codice entità numerico e il più comune anche con un'entità denominata. Ecco alcuni esempi:
Simbolo |
Codice entità denominata |
Codice entità numerico |
E commerciale |
& |
& |
Meno di |
< |
< |
Più grande di |
> |
> |
Doppia citazione |
" |
" |
Citazione singola |
' |
' |
Diritto d'autore |
© |
© |
Simbolo del marchio |
™ |
™ |
Simbolo di marchio registrato |
® |
® |
L'utilizzo del codice denominato o numerico visualizzerà il simbolo corrispondente. Ad esempio, utilizzando "©" o "©" verrà visualizzato il simbolo del copyright.
Aggiunta di emoji alla tua pagina web
Puoi anche visualizzare emoji utilizzando un codice entità. Tutti gli emoji hanno un codice entità numerico in HTML, ma non tutti hanno un codice entità denominato. Alcuni esempi includono:
Simbolo |
Codice entità numerico |
Faccina sorridente (😃) |
😃 |
Faccina che ride (😆) |
😆 |
Faccina sorridente con aureola (😇) |
😇 |
Come inserire simboli in una pagina Web utilizzando i codici entità
È possibile inserire codici entità nel contenuto della pagina HTML. La visualizzazione della tua pagina web in un browser convertirà i codici nel simbolo corrispondente.
- In un nuovo file HTML, aggiungi la struttura di base per una pagina Web HTML:
html>
<html>
<Testa>
<titolo>Esempio di simbolo ed entitàtitolo>
<metaset di caratteri="UTF-8">
Testa>
<corpo>
corpo>
html> - All'interno del tag body, aggiungi del contenuto HTML. Includere il codice entità denominato o numerico per il simbolo che si desidera visualizzare:
<h1>Simboli HTMLh1>
<P>Simbolo del diritto d'autore: ©P>
<P>Simbolo commerciale: &P>
<P>Simbolo del marchio: ™P>
<P>Faccia sorridente: 😃P> - Apri il tuo file HTML in un browser web per visualizzare i simboli corrispondenti:
Utilizzo di simboli HTML speciali o riservati sul tuo sito web
Ora che sai come aggiungere simboli alla tua pagina web HTML, puoi esplorare altri contenuti interessanti che puoi aggiungere per rendere il tuo sito web più coinvolgente.
