Sử dụng biểu tượng cảm xúc trong HTML
Biểu tượng cảm xúc là các ký tự trong bộ ký tự UTF-8: 😄 😍 💗
| Biểu tượng cảm xúc | Giá trị | |
|---|---|---|
| 🗻 | 🗻 | Thử nó " |
| 🗼 | 🗼 | Thử nó " |
| 🗽 | 🗽 | Thử nó " |
| 🗾 | 🗾 | Thử nó " |
| 🗿 | 🗿 | Thử nó " |
| 😀 | 😀 | Thử nó " |
| 😁 | 😁 | Thử nó " |
| 😂 | 😂 | Thử nó " |
| 😃 | 😃 | Thử nó " |
| 😄 | 😄 | Thử nó " |
| 😅 | 😅 | Thử nó " |
Tham chiếu biểu tượng cảm xúc HTML đầy đủ
Ví dụ về biểu tượng cảm xúc HTML
🚀🚁🚂🚃🚄
Biểu tượng vận chuyển biểu tượng cảm xúc HTML
💺💻💼💽💾
Biểu tượng văn phòng biểu tượng cảm xúc HTML
👮👯👰👱👲
Biểu tượng người biểu tượng cảm xúc HTML
🐂🐃🐄🐅🐆
Biểu tượng động vật biểu tượng cảm xúc HTML
Biểu tượng cảm xúc là gì?
Biểu tượng cảm xúc trông giống như hình ảnh hoặc biểu tượng nhưng thực tế không phải vậy.
Chúng là các chữ cái (ký tự) từ bộ ký tự UTF-8 (Unicode).
UTF-8 bao gồm hầu hết các ký tự và biểu tượng trên thế giới.
Thuộc tính bộ ký tự HTML
Để hiển thị chính xác một trang HTML, trình duyệt web phải biết bộ ký tự được sử dụng trong trang.
Điều này được chỉ định trong thẻ <meta> :
<meta charset="UTF-8">
Nếu không được chỉ định, UTF-8 là bộ ký tự mặc định trong HTML.
Ký tự UTF-8
Nhiều ký tự UTF-8 không thể gõ được trên bàn phím nhưng chúng luôn có thể được hiển thị bằng số (được gọi là số thực thể):
- A là 65
- B là 66
- C là 67
Ví dụ
<!DOCTYPE html>
<html>
<meta charset="UTF-8">
<body>
<p>I will display A B C</p>
<p>I will display A B C</p>
</body>
</html>
Hãy tự mình thử »Ví dụ giải thích
Phần tử <meta charset="UTF-8"> xác định bộ ký tự.
Các ký tự A, B và C được hiển thị bằng các số 65, 66 và 67.
Để trình duyệt hiểu rằng bạn đang hiển thị một ký tự, bạn phải bắt đầu số thực thể bằng &# và kết thúc bằng ; (dấu chấm phẩy).
Ký tự biểu tượng cảm xúc
Biểu tượng cảm xúc cũng là các ký tự trong bảng chữ cái UTF-8:
- 😄 là 128516
- 😍 là 128525
- 💗 là 128151
Ví dụ
<!DOCTYPE html>
<html>
<meta charset="UTF-8">
<body>
<h1>My First Emoji</h1>
<p>😀</p>
</body>
</html>
Hãy tự mình thử »Vì Biểu tượng cảm xúc là các ký tự nên chúng có thể được sao chép, hiển thị và định kích thước giống như bất kỳ ký tự nào khác trong HTML.
Ví dụ
<!DOCTYPE html>
<html>
<meta charset="UTF-8">
<body>
<h1>Sized Emojis</h1>
<p style="font-size:48px">
😀 😄 😍 💗
</p>
</body>
</html>
Hãy tự mình thử »