Penggunaan Emotikon dalam HTML

Emotikon (Emoji) adalah karakter dari set karakter UTF-8:飿?飿?飹?/p>

Apa itu Emoji?

Emotikon (Emoji) seperti gambar atau ikon, tetapi mereka bukan.

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

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

Atribut charset HTML

Untuk menampilkan halaman HTML dengan benar, peramban web harus mengetahui set karakter yang digunakan dalam halaman.

Ini adalah di <meta> Dinyatakan dalam tag:

<meta charset="UTF-8">

Petikan:Jika belum disyaratkan, UTF-8 adalah set karakter baku dalam HTML.

Karakter UTF-8

Banyak karakter UTF-8 yang tidak dapat disisipkan ke papan ketik, tetapi masih dapat digunakan dengan angka (dikenal sebagai nomor entitas) untuk menampilkannya:

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

Contoh

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
</head>
<body>
<p>Saya akan tunjukkan A B C</p>
<p>Saya akan tunjukkan A B C</p>
</body>
</html>

Coba sendiri

Contoh penjelasan

<meta charset="UTF-8"> Elemen menentukan sistem abjad.

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

Untuk memastikan bahwa peramban mengetahui bahwa Anda menampilkan karakter, Anda harus memulai dengan # dan diakhiri dengan ; (titik koma).

Karakter Emoji

Emotikon juga adalah karakter dari abjad UTF-8:

  • 馃憚 adalah 128516
  • 馃槏 adalah 128525
  • 馃挆 adalah 128151

Contoh

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

Coba sendiri

Karena emotikon adalah karakter, jadi mereka dapat disalin, ditampilkan, dan ukurannya disesuaikan seperti setiap karakter lain di HTML.

Contoh

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
</head>
<body>
<h1>Emotikon Besar</h1>
<p style="font-size:48px">
馃槏 馃槅 馃憠 馃憟
</p>
</body>
</html>

Coba sendiri

Beberapa Emoji di UTF-8

Emoji Nilai
馃憜 馃憜
馃憜 馃憜
馃憜 馃憜
馃憜 馃憜
馃憚 馃憛
馃憜 馃憞
馃憟 馃憠
馃憟 馃憞
馃憜 馃憛
馃憚 馃槅
馃憠 馃槏

Untuk daftar penuh, silakan kunjungi panduan Emoji HTML kami.