跳到主要内容

HTML 表情符号

提示
  1. 表情符号的表示:在 HTML 中,表情符号通过特定的字符代码插入,表示情感、物体和想法。
  2. 插入方法:表情符号可通过三种方式插入 HTML 文档:使用十六进制代码、十进制代码,或直接从外部来源复制和粘贴。
  3. 代码格式和示例:表情符号的十六进制代码以 &#x 开头,十进制代码以 &# 开头,都以 ; 结尾。例如,💙 是蓝心的十六进制代码,😀 是微笑的十进制代码。

表情符号是用来表示情感、物体和想法的小型图形图像。它们可以通过使用字符代码插入到 HTML 文档中。例如,

<p>&#128512;</p>

浏览器输出

一个微笑表情符号

这里,&#128512; 是上述表情符号的字符代码。

在 Html 中插入表情符号的方法

有三种方法可以将表情符号插入 HTML 文档。它们分别是:

  • 十六进制代码
  • 十进制代码
  • 从外部来源复制和粘贴

我们将详细了解每一种方法。

十六进制代码

我们可以通过使用它们的十六进制代码将表情符号添加到 HTML 文档中。这些代码以 &#x 开头,并以 ; 结尾,以指定浏览器这些是十六进制代码。例如,

<p>HTML 是 <span>&#x1F499;</span></p>

浏览器输出 带有十六进制代码的 HTML 表情符号

这里,&#x1F499; 是蓝心表情符号的十六进制代码。

注意: 十六进制代码为文档提供了可移植性和长期一致性。

十进制代码

我们可以通过使用它们的十进制代码在所需标签内添加表情符号到 HTML 文档中。这些代码以 &# 开头,并以 ; 结尾,以通知浏览器已显示由十进制代码表示的字符。例如,

<p>&#128512;</p>

浏览器输出

带有十进制代码的 HTML 表情符号

这里,&#128512; 是微笑表情符号的十进制字符代码。

从外部来源复制和粘贴

我们可以通过从一些外部来源复制并粘贴到代码中,在 HTML 文档中添加表情符号。例如,

<p>HTML 是 <span> 💜 </span></p>

浏览器输出 通过复制粘贴的 HTML 表情符号

这里,我们从互联网的某处复制了紫色心形表情符号,并将其粘贴到我们的 HTML 文件中。

一些流行的表情符号

表情符号名称代码
😂喜极而泣&#128514;
黑色心形&#10084;
😍眼睛呈心形的微笑脸&#128525;
🙏双手合十的人&#128591;
🤣在地上打滚大笑&#129315;
💕两颗心&#128149;
😭大声哭泣的脸&#128557;
🔥&#128293;
😘抛媚眼的脸&#128536;
👍竖起大拇指&#128077;