Utilizzo di emoji in HTML
Le emoji sono caratteri del set di caratteri UTF-8: 😄 😍 💗
Cosa sono le emoji?
Gli emoji sembrano immagini o icone, ma non lo sono.
Sono lettere (caratteri) del set di caratteri UTF-8 (Unicode).
UTF-8 copre quasi tutti i personaggi e i simboli del mondo.
L'attributo del set di caratteri HTML
Per visualizzare correttamente una pagina HTML, un browser web deve conoscere il set di caratteri utilizzato nella pagina.
Questo è specificato nel <meta>tag:
<meta charset="UTF-8">
Se non specificato, UTF-8 è il set di caratteri predefinito in HTML.
Caratteri UTF-8
Molti caratteri UTF-8 non possono essere digitati su una tastiera, ma possono sempre essere visualizzati utilizzando numeri (chiamati numeri di entità):
- A è 65
- B è 66
- C è 67
Esempio
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
</head>
<body>
<p>I will display A B C</p>
<p>I will display A B C</p>
</body>
</html>
Esempio spiegato
L' <meta charset="UTF-8">elemento definisce il set di caratteri.
I caratteri A, B e C sono visualizzati dai numeri 65, 66 e 67.
Per far capire al browser che stai visualizzando un carattere, devi iniziare il numero di entità con e terminarlo con ; (punto e virgola).
Personaggi Emoji
Le emoji sono anche caratteri dell'alfabeto UTF-8:
- 😄 è 128516
- 😍 è 128525
- 💗 è 128151
Esempio
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
</head>
<body>
<h1>My First Emoji</h1>
<p>😀</p>
</body>
</html>
Poiché gli emoji sono caratteri, possono essere copiati, visualizzati e ridimensionati come qualsiasi altro carattere in HTML.
Esempio
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
</head>
<body>
<h1>Sized Emojis</h1>
<p style="font-size:48px">
😀 😄 😍 💗
</p>
</body>
</html>
Alcuni simboli Emoji in UTF-8
| Emoji | Valore | Provalo |
|---|---|---|
| 🗻 | | |
| 🗼 | | |
| 🗽 | | |
| 🗾 | | |
| 🗿 | | |
| 😀 | | |
| 😁 | | |
| 😂 | | |
| 😃 | | |
| 😄 | | |
| 😅 | |
Per un elenco completo, vai al nostro Riferimento HTML Emoji .