Menggunakan Emoji dalam HTML


Emoji adalah karakter dari rangkaian karakter UTF-8: 😍


Apa itu Emoji?

Emoji terlihat seperti gambar, atau ikon, tetapi sebenarnya tidak.

Mereka adalah huruf (karakter) dari set karakter UTF-8 (Unicode).

UTF-8 mencakup hampir semua karakter dan simbol di dunia.


Atribut charset HTML

Untuk menampilkan halaman HTML dengan benar, browser web harus mengetahui set karakter yang digunakan di halaman tersebut.

Ini ditentukan dalam <meta>tag:

<meta charset="UTF-8">

Jika tidak ditentukan, UTF-8 adalah set karakter default dalam HTML.


Karakter UTF-8

Banyak karakter UTF-8 tidak dapat diketik pada keyboard, tetapi karakter tersebut selalu dapat ditampilkan menggunakan angka (disebut nomor entitas):

  • A adalah 65
  • B adalah 66
  • C adalah 67

Contoh

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
</head>
<body>

<p>I will display A B C</p>
<p>I will display &#65; &#66; &#67;</p>

</body>
</html>

Contoh Dijelaskan

Elemen <meta charset="UTF-8">mendefinisikan set karakter.

Karakter A, B, dan C, ditampilkan dengan angka 65, 66, dan 67.

Agar browser memahami bahwa Anda menampilkan karakter, Anda harus memulai nomor entitas dengan dan mengakhirinya dengan ; (titik koma).


Karakter Emoji

Emoji juga merupakan karakter dari alfabet UTF-8:

  • adalah 128516
  • 😍 adalah 128525
  • adalah 128151

Contoh

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
</head>
<body>

<h1>My First Emoji</h1>

<p>&#128512;</p>

</body>
</html>

Karena Emoji adalah karakter, mereka dapat disalin, ditampilkan, dan berukuran sama seperti karakter lain dalam HTML.

Contoh

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
</head>
<body>

<h1>Sized Emojis</h1>

<p style="font-size:48px">
&#128512; &#128516; &#128525; &#128151;
</p>

</body>
</html>


Beberapa Simbol Emoji di UTF-8

Emoji Nilai Cobalah
🗻.
🗼.
🗽.
🗾.
🗿.
😀.
😁
😂
😃.
😄.
😅.

Untuk daftar lengkapnya, silakan kunjungi Referensi Emoji HTML kami .