本节课，我们学习下HTML UTF-8 字符集的字符（Emoji）。
Emoji 是来自 UTF-8 字符集的字符: ? ? ?。
表情符号（英语：emoji，日语：絵文字／えもじ emoji），是使用在网页和聊天中的形意符号，最初是日本在无线通信中所使用的视觉情感符号（图画文字）。表情意指面部表情，图标则是图形标志的意思，可用来代表多种表情，如笑脸表示笑、蛋糕表示食物等。 Emoji 看起来像一张图片或图标，其实不是。
Emoji 实际上是 UTF-8 (Unicode) 字符集上的字符。
UTF-8 几乎涵盖了世界上所有的字符和符号。
HTML charset 属性
想要正常显示一个 HTML 页面，浏览器就需要知道网页使用的字符集。 网页中的字符集使用 <meta> 标签来指定：
<meta charset="UTF-8">注：如果我们没有刻意指定 meta 属性，默认的字符集编码也是 UTF-8。
UTF-8 字符
很多 UTF-8 字符无法在键盘上输入，但我们可以使用数字（称为实体编号）来表示：
- A 为 65
- B 为 66
- C 为 67
HTML
x
12
12
1
2
<html>3
<head>4
<meta charset="UTF-8">5
</head>6
<body>7
8
<p>显示结果： A B C</p>9
<p>显示结果： A B C</p>10
11
</body>12
</html>实例解析：
<meta charset=”UTF-8″> 定义来字符集。
A, B, 和 C 也可以使用 65, 66, 和 67 来表示。
实体编号需要以 &# 开头并以分号 ; 结尾，这样才能正确显示一个字符。
同样 Emoji 也是字符，可以在 HTML 页面中跟其他字符一样使用它：
HTML
xxxxxxxxxx1
15
15
1
2
<html>3
<head>4
<meta charset="UTF-8">5
</head>6
<body>7
8
<h1>Emoji 标签符号</h1>9
<p>可以通过 font-size 属性，像设置字体大小一样，设置表情的大小。</p>10
<p style="font-size:48px">11
😀 😄 😍 💗12
</p>13
14
</body>15
</html>Emoji 表情符号
下表列出来一些 Emoji 表情符号：
| Emoji | 值 |
|---|---|
| ? | 🗻 |
| ? | 🗼 |
| ? | 🗽 |
| ? | 🗾 |
| ? | 🗿 |
| ? | 😀 |
| ? | 😁 |
| ? | 😂 |
| ? | 😃 |
| ? | 😄 |
| ? | 😅 |
阅读剩余 64%
作者：terry，如若转载，请注明出处：https://www.web176.com/html_shouce/6762.html
支付宝 
微信 