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 &nbsp; &#160;
“<” meno di &lt; &#60;
“>” più grande di &gt; &#62;
“&” ampersand &amp; &#38;
“-” trattino &mdash; &#8212;
“-” it dash &ndash; &#8211;
“©” diritto d'autore &copy; &#169;
“®” marchio registrato &reg; &#174;
“™” marchio &trade; &#8482;
“☎” Telefono &phone; &#9742;

Quindi, per scrivere

© 2016 Stack Exchange Inc.

viene utilizzato il seguente codice HTML:

<b>&copy; 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="  &#128269; Search"/>

che rende come

inserisci la descrizione dell'immagine qui



Modified text is an extract of the original Stack Overflow Documentation
Autorizzato sotto CC BY-SA 3.0
Non affiliato con Stack Overflow