HTML Emoji 表情符号代码介绍_实例

2023年2月10日10:44:40 发表评论
腾讯云正在大促:点击直达 阿里云超级红包:点击领取
免费/便宜/高性价比服务器汇总入口(已更新):点击这里了解

HTML Emoji 表情符号代码介绍_实例

HTML 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
  1. //实例
  2. <!DOCTYPE html>
  3. <html>
  4. <head>
  5. <meta charset="UTF-8">
  6. </head>
  7. <body>
  8. <p>显示结果: A B C</p>
  9. <p>显示结果: &#65; &#66; &#67;</p>
  10. </body>
  11. </html>

实例解析:

<meta charset="UTF-8"> 定义来字符集。

A, B, 和 C 也可以使用 65, 66, 和 67 来表示。

实体编号需要以 &# 开头并以分号 ; 结尾,这样才能正确显示一个字符。

同样 Emoji 也是字符,可以在 HTML 页面中跟其他字符一样使用它:

  1. //实例
  2. <!DOCTYPE html>
  3. <html>
  4. <head>
  5. <meta charset="UTF-8">
  6. </head>
  7. <body>
  8. <h1>Emoji 标签符号</h1>
  9. <p>可以通过 font-size 属性,像设置字体大小一样,设置表情的大小。</p>
  10. <p style="font-size:48px">
  11. &#128512; &#128516; &#128525; &#128151;
  12. </p>
  13. </body>
  14. </html>

Emoji 表情符号

下表列出来一些 Emoji 表情符号:

Emoji
? &#128507;
? &#128508;
? &#128509;
? &#128510;
? &#128511;
? &#128512;
? &#128513;
? &#128514;
? &#128515;
? &#128516;
? &#128517;

1、阿里云产品最新优惠领取地址:立即前往

2、阿里云服务器优惠券领取地址优惠购买地址:点击前往

3、阿里云最新优惠活动地址汇总,共16个,地址:点击前往

4、同配置云产品腾讯云相对便宜,先点此一键领取2860元无门槛满减券(老用户换QQ登陆,同一实名享新人特价),再点此进入腾讯云活动页面12年老码农建议:服务器升级、复购、续费贵,数据迁移也麻烦,建议用好新人优惠资格,买多年,配置一次性到位,后期省事又省钱。

发表评论

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen: