Come usare gli emoji in HTML
Come usare gli emoji in HTML
Gli emoji possono essere aggiunti solo da un fenomeno di copia/incolla o utilizzando il codice esadecimale dell'emoji.
Metodo 1: copia l'emoji e incollalo nell'editor di codice
Questo metodo copia le emoji e lo incolla nell'editore. L'esempio scritto di seguito pratica questo metodo:
1)- 😁 2)- 🗾 3)- 🥶
4)- ⏰ 5)- ⛔ 6)- ⛳
Il codice sopra contiene due paragrafi che contengono sei emoji. Abbiamo impostato lo stile del carattere dei paragrafi su 25px (per ottenere un'emoji allargata).
Produzione
Dall'output, si osserva che gli emoji sono stati copiati nell'editor e mostrati nell'output.
Metodo 2: usando il codice esadecimale e il valore decimale
Il valore decimale e i valori esadecimali degli emoji possono essere utilizzati per ottenerli sulla pagina web. Prima di entrare in un esempio, diamo un'occhiata al tavolo che mostra gli emoji con i loro valori esagonali e decimali.
| Emoji | Valore decimale | Codice esagonale |
|---|---|---|
| ✅ | ✅ | ✅ |
| 💯 | 💯 | 💯 |
| 🎯 | 🎯 | 🎯 |
| 🌍 | 🌍 | 🌍 |
| 🔁 | 🔁 | 🔁 |
| 📵 | 📵 | 📵 |
| 🔋 | 🔋 | 🔋 |
| 🔎 | 🔎 | 🔎 |
| ✌ | ✌ | ✌ |
| 👍 | 👍 | 👍 |
| 🔥 | 🔥 | 🔥 |
I valori esadecimali sono prefissi con "&#X"Mentre il valore decimale utilizza &# all'inizio. Tuttavia, entrambi i valori sono postfissi con un punto e virgola (;),
Nota: Puoi ottenere il codice esadecimale di tutti gli emoji da Unicode.org. Scoprirai che il codice è scritto in un modulo come U+1f63a e per farne uso, è necessario rimuovere l'U+ dal valore esagonale e utilizzare l'altra parte del codice esagonale.
Esempio
L'esempio fornito di seguito mostra l'uso di diversi emoji usando il codice esadecimale e i valori decimali.
1)- ✅ 2)- ✌ 3)- 🔥
Viene creato un paragrafo che utilizza valori decimali e valori esadecimali degli emoji per usarli in HTML.
Produzione
L'output rappresenta che il codice esadecimale e i valori decimali vengono convertiti nei loro emoji associati.
Come usare vari toni della pelle di emoji in HTML
Vari emoji possono avere più display e sono indicati come il tono della pelle di quell'emoji. I toni della pelle possono variare dal buio seguito da medio e luce. Questi toni della pelle possono essere aggiunti con emoji usando i seguenti valori decimali.
| Il tono della pelle | Valore decimale |
|---|---|
| Leggero | 🏻 |
| Media | 🏼 |
| medio | 🏽 |
| Medio-buio | 🏾 |
| Buio | 🏿 |
Practichiamoli.
Esempio
Il tono della pelle può essere aggiunto a qualsiasi emoji aggiungendo il valore decimale del tono della pelle al valore decimale/esadecimale di quell'emoji. Abbiamo eseguito il seguente codice al riguardo:
Usando il tono della pelle leggera: ✌🏻
Utilizzo della pelle media tono: ✌🏼
Usando il tono medio della pelle: ✌🏽
Utilizzo della pelle medio-buio tono: ✌🏾
Usando il tono della pelle scuro: ✌🏿
I cinque paragrafi possono essere visti nel codice sopra e ogni paragrafo utilizza un tono pelle diverso per la vittoria (✌) emoji.
Produzione
L'uscita mostra i toni leggeri, medi, medi, medi-buio e scuro di una emoji (✌).
Conclusione
Gli emoji possono essere aggiunti al documento HTML in due modi, copia e incolla l'emoji o usa i valori esadecimale/decimale. Questo post dimostra questi metodi per utilizzare gli emoji in HTML. Il metodo Copia/Incolla consente di copiare l'emoji e incollarlo nell'editor di codice. Il codice esadecimale può essere generato dall'unicode degli emoji che possono essere ottenuti da Unicode.org. Il metodo di copia/pasta è facile da seguire, tuttavia, si consiglia di utilizzare il valore esadecimale o il valore decimale per utilizzare gli emoji in HTML.