HTML
Entità personaggio
Ricerca…
Caratteri speciali comuni
Alcuni caratteri possono essere riservati per HTML e non possono essere utilizzati direttamente in quanto potrebbero ostruire i codici HTML effettivi. Ad esempio, provare a visualizzare le parentesi angolari sinistra e destra ( <>
) nel codice sorgente potrebbe causare risultati imprevisti nell'output. Allo stesso modo, gli spazi bianchi come scritti nel codice sorgente potrebbero non essere visualizzati come previsto nell'output HTML. Alcuni, come ☎, non sono disponibili nel set di caratteri ASCII.
A tale scopo, vengono create entità di carattere. Questi sono di forma &entity_name;
o &entity_number;
. Le seguenti sono alcune delle entità HTML disponibili.
Personaggio | Descrizione | Nome dell'entità | Numero di entità |
---|---|---|---|
"" | spazio irrinunciabile | |   |
“<” | meno di | < | < |
“>” | più grande di | > | > |
“&” | ampersand | & | & |
“-” | trattino | — | — |
“-” | it dash | – | – |
“©” | diritto d'autore | © | © |
“®” | marchio registrato | ® | ® |
“™” | marchio | ™ | ™ |
“☎” | Telefono | ☎ | ☎ |
Quindi, per scrivere
© 2016 Stack Exchange Inc.
viene utilizzato il seguente codice HTML:
<b>© 2016 Stack Exchange Inc.</b>
Entità dei caratteri in HTML
Molti simboli e caratteri speciali sono richiesti durante lo sviluppo di una pagina Web in html, ma come sappiamo che a volte l'uso di caratteri può interferire con il codice html che ha alcuni caratteri riservati e alcuni caratteri non disponibili sulla tastiera. Quindi, per evitare il conflitto e allo stesso tempo essere in grado di utilizzare simboli diversi nel nostro codice w3 org ci fornisce "Entità caratteri".
Le entità dei caratteri sono predefinite con "Nome entità" - & nome_entità; e "Numero di entità" - & numero_entità; quindi dobbiamo usare uno dei due affinché il simbolo richiesto sia visualizzato sulla nostra pagina.
L'elenco di poche entità di caratteri può essere trovato su https://dev.w3.org/html5/html-author/charref
Un semplice esempio con l'uso dell'entità carattere per "lente d'ingrandimento":
<input type="text" placeholder=" 🔍 Search"/>
che rende come