Użycie emotikon w HTML

Emotikony (Emoji) to znaki z zestawu znaków UTF-8:  

Co to jest Emoji?

Emotikony (Emoji) są podobne do obrazów lub ikon, ale nie są nimi.

Są to litery (znaki) z zestawu znaków UTF-8 (Unicode).

Wskazówka:UTF-8 prawie obejmuje wszystkie znaki i symbole na świecie.

Atrybut charset HTML

Aby poprawnie wyświetlić stronę HTML, przeglądarka musi wiedzieć, który zestaw znaków jest używany na stronie.

To jest w <meta> Zdefiniowane w etykiecie:

<meta charset="UTF-8">

Wskazówka:Jeśli nie określono inaczej, UTF-8 jest domyślnym zestawem znaków w HTML.

Znak UTF-8

Wiele znaków UTF-8 nie można wpisać na klawiaturze, ale zawsze można je wyświetlić za pomocą liczb (nazywanych numerami encji):

  • A to 65
  • B to 66
  • C to 67

Przykład

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
</head>
<body>
<p>Wyświetlę A B C</p>
<p>Wyświetlę A B C</p>
</body>
</html>

Spróbuj sam

Przykład wyjaśnia

<meta charset="UTF-8"> Element definiuje zestaw znaków.

Znaki A, B, C są wyświetlane przez liczby 65, 66 oraz 67.

Aby przeglądarka wiedziała, że wyświetlasz znaki, musisz zaczynać od & i kończyć na ; (kropka)

Znaki Emoji

Emotikony są również znakami z UTF-8:

  •  to 128516
  •  to 128525
  •  to 128151

Przykład

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
</head>
<body>
<h1>Moje pierwsze Emoji</h1>
<p>😀</p>
</body>
</html>

Spróbuj sam

Ponieważ emotikony są znakami, można je kopiować, wyświetlać i dostosowywać ich rozmiar tak jak inne znaki w HTML.

Przykład

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
</head>
<body>
<h1>Wielkie emotikony</h1>
<p style="font-size:48px">
😇 😆 🌍 😖
</p>
</body>
</html>

Spróbuj sam

Niektóre Emoji znaki w UTF-8

Emoji Wartość
😜 😛
😚 😙
😘 😗
😖 😕
😔 😓
😒 😑
😐 😀
😁 😂
😃 😅
😄 😆
🌍 😇

Aby uzyskać pełną listę, odwiedź naszą przeglądarkę referencyjną HTML Emoji.