อีโมจิไม่ใช่รูปภาพ แต่เป็น “อักขระ” (character) ในชุดอักขระ UTF-8 (Unicode)
ซึ่งครอบคลุมอักษรและสัญลักษณ์เกือบทั้งหมด ทั้ง ตัวอักษรภาษาไทย ภาษาอังกฤษ และอีโมจิด้วย
HTML charset Attribute
เพื่อให้เว็บเบราว์เซอร์แสดงหน้าเว็บอย่างถูกต้อง ต้องระบุ ชุดอักขระ (Character Set) ที่ใช้ในเอกสาร HTML
โดยทั่วไปจะกำหนดไว้ในแท็ก
<meta> เช่น
<meta charset="UTF-8">
หากไม่ได้ระบุไว้ UTF-8 จะเป็นชุดอักขระเริ่มต้นใน HTML
อักขระ UTF-8
อักขระหลายตัวใน UTF-8 ไม่สามารถพิมพ์บนแป้นพิมพ์ได้โดยตรง แต่สามารถแสดงได้ด้วย “รหัสตัวเลข (Entity Number)” เช่น A คือ 65, B คือ 66, C คือ 67
<!DOCTYPE html>
<html>
<meta charset="UTF-8">
<body>
<p>การแสดงผล A B C</p>
<p>การแสดงผล A B C</p>
</body>
</html>
อธิบายตัวอย่าง
<meta charset="UTF-8"> กำหนดให้หน้าเว็บใช้รหัส UTF-8
ตัวอักษร A, B, C ถูกแสดงโดยรหัส 65, 66, 67 ตามลำดับ
การใช้รหัสต้องเริ่มต้นด้วย &# และปิดท้ายด้วย ; (เซมิโคลอน)
Emoji Characters
Emoji ก็เป็นอักขระ สามารถคัดลอก, แสดงผล หรือปรับขนาดได้เหมือนตัวอักษรทั่วไป เช่น
คือ 128516
คือ 128525
คือ 128151
ตัวอย่าง แสดง Emoji
<!DOCTYPE html>
<html>
<meta charset="UTF-8">
<body>
<h1>การแสดงผลอีโมจิหน้ายิ้ม</h1>
<p>😀</p>
</body>
</html>
สามารถปรับขนาดอีโมจิได้ด้วย CSS เช่น font-size และจัดรูปแบบร่วมกับข้อความอื่นได้ตามต้องการ
ตัวอย่าง ปรับขนาด Emoji
<!DOCTYPE html>
<html>
<meta charset="UTF-8">
<body>
<h1>การปรับขนาดอีโมิจิ</h1>
<p style="font-size:48px">
😀 😄 😍 💗
</p>
</body>
</html>
การอ้างอิง Emoji Faces
สัญลักษณ์อีโมจิบางตัวใน UTF-8
| อีโมจิ | ค่า |
|---|---|
| 🗻 | 🗻 |
| 🗼 | 🗼 |
| 🗽 | 🗽 |
| 🗾 | 🗾 |
| 🗿 | 🗿 |
| 😀 | 😀 |
| 😁 | 😁 |
| 😂 | 😂 |
| 😃 | 😃 |
| 😄 | 😄 |
| 😅 | 😅 |
📚 ดูตัวอย่าง Emoji อื่นเพิ่มเติม