跳至主要內容

表情符号

Sankgao约 393 字大约 1 分钟FrontendHTML5

表情符号（Emoji）是来自 UTF-8 字符集的字符。

什么是 Emoji

表情符号（Emoji）类似图像或图标，但它们并不是。

它们是来自 UTF-8（Unicode）字符集的字母（字符）。

提示

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

HTML charset 属性

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

这是在 <meta> 标签中规定的：

<meta charset="UTF-8" />

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

UTF-8 字符

很多 UTF-8 字符无法在键盘上键入，但始终可以使用数字（被称为实体编号）来显示它们。例如：

演示
<meta charset="UTF-8" />

<p>我将显示 A B C</p>
<p>我将显示 &#65; &#66; &#67;</p>
  • A：实体编号是 65
  • B：实体编号是 66
  • C：实体编号是 67

注意

为了让浏览器了解您正在显示字符，您必须以 &# 开头并以 ;（分号）结束实体编号

Emoji 字符

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

演示
<h4>我的第一个 Emoji</h4>
<p>&#128516;</p>
<p>&#128525;</p>
<p>&#128151;</p>
  • 😄：实体编号是 128516
  • 😍：实体编号是 128525
  • 💗：实体编号是 128151

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

演示
<h4>放大的 Emoji</h4>
<p style="font-size:48px">
  &#128516; &#128525; &#128151;
</p>