在 HTML 中使用表情符号

Ang Emoji (Emoji) ay mga character mula sa UTF-8 charset:  

Ano ang Emoji?

Ang Emoji ay katulad ng imahe o ikon, ngunit hindi sila.

Sila ay mga letter (character) mula sa UTF-8 (Unicode) charset.

Mga payo:Ang UTF-8 ay halos kasama ang lahat ng character at symbol sa mundo.

HTML charset attribute

Upang tama na ipakita ang HTML pahina, kailangan alam ng web browser ang charset na ginagamit ng pahina.

Ito ay sa <meta> Na tinukoy sa tag:

<meta charset="UTF-8">

Mga payo:Kung hindi tinukoy, ang UTF-8 ay ang default na charset sa HTML.

UTF-8 character

Maraming UTF-8 na character ay hindi maipasok sa keyboard, ngunit palaging maaaring gamitin ang numero (tinatawag na entity number) upang ipakita sila:

  • A ay 65
  • B ay 66
  • C ay 67

实例

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
</head>
<body>
<p>Ako ay ipapakita ang A B C</p>
<p>Ako ay ipapakita ang A B C</p>
</body>
</html>

亲自试一试

例子解释

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

字符 A、B、C 由数字 65、66 以及 67 来显示。

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

Emoji 字符

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

  • 👍 是 128516
  • 👍 是 128525
  • 👍 是 128151

实例

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
</head>
<body>
<h1>我的第一个 Emoji</h1>
<p>😀</p>
</body>
</html>

亲自试一试

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

实例

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
</head>
<body>
<h1>放大的表情符号</h1>
<p style="font-size:48px">
😊 😓 😯 🕓
</p>
</body>
</html>

亲自试一试

UTF-8 中的一些 Emoji 符号

Emoji 值
🌡 🌠
🌟 🌞
🌜 🌛
🌚 🌙
🌘 🌗
🌕 🌑
🌐 🌏
🌎 🌍
🌌 🌊
🌄 😒
🍅 😍

如需完整列表，请访问我们的 HTML Emoji 参考手册。