在 HTML 中使用表情符号

表情符号是 UTF-8 字符集中的字符：? ? ?

HTML 表情符号示例

?????

?????

?????

?????

表情符号看起来像图片或图标，但其实不然。

它们是 UTF-8 (Unicode) 字符集中的字母（字符）。

UTF-8几乎涵盖了世界上所有的字符和符号。

要正确显示 HTML 页面，Web 浏览器必须知道页面中使用的字符集。

这是在<meta>标签：

如果未指定，则 UTF-8 是 HTML 中的默认字符集。

许多 UTF-8 字符无法在键盘上键入，但它们始终可以使用数字（称为实体数字）显示：

<!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>

这个<meta charset="UTF-8">元素定义字符集。

字符 A、B 和 C 由数字 65、66 和 67 显示。

为了让浏览器知道您正在显示一个字符，您必须以 &# 开头实体编号并以 ; 结尾。（分号）。

表情符号也是来自 UTF-8 字母表的字符：

<!DOCTYPE html>
<html>
<meta charset="UTF-8">
<body>

<h1>My First Emoji</h1>

<p>😀</p>

</body>
</html>

由于表情符号是字符，因此它们可以像 HTML 中的任何其他字符一样被复制、显示和调整大小。

<!DOCTYPE html>
<html>
<meta charset="UTF-8">
<body>

<h1>Sized Emojis</h1>

<p style="font-size:48px">
😀 😄 😍 💗
</p>

</body>
</html>