HTML表情符号

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

<p>&#128512;</p>

浏览器输出

A Smiling Emoji

这里,😀 是上述表情符号的字符代码。


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

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

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

我们将详细了解它们中的每一个。


十六进制代码

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

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

浏览器输出
HTML emojis with hexadecimal code

这里,💙 是蓝色心形表情符号的十六进制代码。

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


十进制代码

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

<p>&#128512;</p>

浏览器输出

HTML emojis with decimal code

这里,😀 是微笑表情符号的十进制字符代码。


从外部来源复制粘贴

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

<p>HTML is <span> 💜 </span> </p>

浏览器输出
HTML Emojis By copy-pasting

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


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

我们的高级学习平台,凭借十多年的经验和数千条反馈创建。

以前所未有的方式学习和提高您的编程技能。

试用 Programiz PRO
  • 交互式课程
  • 证书
  • AI 帮助
  • 2000+ 挑战