Simboli emoticon utilizzati in HTML

Gli emoji sono caratteri provenienti dal set di caratteri UTF-8:  

Cos'è un Emoji?

Gli emoji sono simili a immagini o icone, ma non lo sono.

Sono lettere (caratteri) provenienti dal set di caratteri UTF-8 (Unicode).

Suggerimento:UTF-8 copre quasi tutti i caratteri e i simboli del mondo.

Proprietà charset dell'HTML

Per visualizzare correttamente le pagine HTML, il browser web deve sapere quale set di caratteri viene utilizzato nella pagina.

Questo è in <meta> Specificato nel tag:

<meta charset="UTF-8">

Suggerimento:Se non specificato, UTF-8 è il set di caratteri predefinito nell'HTML.

Caratteri UTF-8

Molti caratteri UTF-8 non possono essere inseriti sulla tastiera, ma possono essere visualizzati sempre utilizzando numeri (conosciuti come numeri di entità):

  • A è 65
  • B è 66
  • C è 67

Esempio

!DOCTYPE html
<html>
<head>
<meta charset="UTF-8">
</head>
<body>
<p>Visualizzerò A B C</p>
<p>Visualizzerò A B C</p>
</body>
</html>

Prova da solo

Esempio di spiegazione

<meta charset="UTF-8"> L'elemento definisce il set di caratteri.

I caratteri A, B, C sono visualizzati con i numeri 65, 66 e 67.

Per far capire al browser che stai visualizzando un carattere, devi iniziare con un &# e finire con ; (punto e virgola) il numero dell'entità.

Caratteri Emoji

Gli emoji sono anche caratteri provenienti dai caratteri UTF-8:

  •  è 128516
  •  è 128525
  •  è 128151

Esempio

!DOCTYPE html
<html>
<head>
<meta charset="UTF-8">
</head>
<body>
<h1>Il mio primo Emoji</h1>
<p>😀</p>
</body>
</html>

Prova da solo

Poiché gli emoji sono caratteri, possono essere copiati, visualizzati e dimensionati come qualsiasi altro carattere HTML.

Esempio

!DOCTYPE html
<html>
<head>
<meta charset="UTF-8">
</head>
<body>
<h1>Emojis ingranditi</h1>
<p style="font-size:48px">
😀 😄 😍 💗
</p>
</body>
</html>

Prova da solo

Alcuni Emoji nel UTF-8

Emoji Valore
🗻
🗼
🗽
🗾
🗿
😀
😁
😂
😃
😄
😅

Per una lista completa, visitate il nostro manuale di riferimento HTML Emoji.