การใช้ตัวอักษรแสดงอารมณ์ใน HTML

อิมโจ้ (Emoji) คือตัวอักษรจากตัวเลือกตัวอักษร UTF-8:  

อิมโจ้ (Emoji) คืออะไร?

อิมโจ้ (Emoji) คล้ายรูปภาพหรือไอคอน แต่มันไม่ใช่

นั่นคือตัวอักษร (อักษร) จากตัวเลือกตัวอักษร UTF-8 (Unicode)

คำเตือน：UTF-8 คลุมรวมเกือบทุกตัวอักษรและสัญลักษณ์ในโลก

ตัวแปร charset ของ HTML

เพื่อแสดงหน้าเว็บ HTML ถูกต้อง เว็บเบราเซอร์ต้องรู้ตัวเลือกตัวอักษรที่ใช้ในหน้าเว็บ

นี่คือใน <meta> ที่กำหนดในแท็กบ์เก็ต：

<meta charset="UTF-8">

คำเตือน：ถ้าไม่เสนอนาม UTF-8 จะเป็นตัวเลือกตัวอักษรมาตรฐานใน HTML。

อักษร UTF-8

มากมายของอักษร UTF-8 ไม่สามารถป้อนบนแผงคีย์บอร์ดได้ แต่สามารถใช้เลข (ที่เรียกว่าเลขตัวเลข) ในการแสดงมันได้เสมอ:

  • A คือ 65
  • B คือ 66
  • C คือ 67

ตัวอย่าง

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
</head>
<body>
<p>ฉันจะแสดง A B C</p>
<p>ฉันจะแสดง A B C</p>
</body>
</html>

ลองด้วยตัวเอง

ตัวอย่างชี้แจง

<meta charset="UTF-8"> Element กำหนดตัวอักษรตัวเลข

ตัวอักษร A, B, C แสดงด้วยตัวเลข 65, 66 และ 67

เพื่อให้บราวเซอร์รู้ว่าคุณกำลังแสดงตัวอักษร คุณจะต้องใช้ &# ที่เริ่มและ ; (ข้อสิ้นสุด) ที่สิ้นสุดตัวเลข

Emoji ตัวอักษร

สัญลักษณ์เกี่ยวกับ UTF-8 ก็เป็นตัวอักษรจากแปลงภาษา

  • 😔 คือ 128516
  • 😍 คือ 128525
  • 💗 คือ 128151

ตัวอย่าง

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
</head>
<body>
<h1>Emoji ของฉันครั้งแรก</h1>
<p>😀</p>
</body>
</html>

ลองด้วยตัวเอง

เพราะสัญลักษณ์เป็นตัวอักษร ดังนั้นสามารถคัดลอก แสดงและปรับขนาดของสัญลักษณ์เหล่านี้เหมือนตัวอักษรอื่นใน HTML

ตัวอย่าง

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
</head>
<body>
<h1>Emojis ที่ขยายขนาด</h1>
<p style="font-size:48px">
😐 😕 👍 🏆
</p>
</body>
</html>

ลองด้วยตัวเอง

บางสัญลักษณ์ Emoji ใน UTF-8

Emoji ค่า
😆 😁
😐 😎
😍 😌
😊 😈
😎 😏
😁 😐
😀 😑
😕 😢
😖 😕
😔 😕
👍 😍

หากต้องการรายการเต็ม โปรดเข้าเว็บไซต์ HTML Emoji คู่มืออ้างอิงของเรา