HTML 表情符號(hào)

2022-04-21 09:54 更新

在 HTML 中使用表情符號(hào)

表情符號(hào)（Emoji）是來(lái)自 UTF-8 字符集的字符：??????

什么是 Emoji？

表情符號(hào)（Emoji）類(lèi)似圖像或圖標(biāo)，但它們并不是。

它們是來(lái)自 UTF-8 (Unicode) 字符集的字母（字符）。

提示：UTF-8 幾乎涵蓋世界上所有字符和符號(hào)。

HTML charset 屬性

為了正確顯示 HTML 頁(yè)面，Web 瀏覽器必須知道頁(yè)面中使用的字符集。

這是在 ?<meta>? 標(biāo)簽中規(guī)定的：

<meta charset="UTF-8">

提示：如果未規(guī)定，UTF-8 則是 HTML 中的默認(rèn)字符集。

UTF-8 字符

很多 UTF-8 字符無(wú)法在鍵盤(pán)上鍵入，但始終可以使用數(shù)字（被稱(chēng)為實(shí)體編號(hào)）來(lái)顯示它們：

  • A 是 65
  • B 是 66
  • C 是 67

實(shí)例

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
</head>
<body>

<p>我將顯示 A B C</p>
<p>我將顯示 &#65; &#66; &#67;</p>

</body>
</html>

例子解釋

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

字符 A、B、C 由數(shù)字 65、66 以及 67 來(lái)顯示。

為了讓瀏覽器了解您正在顯示字符，您必須以 &# 開(kāi)頭并以 ;（分號(hào)）結(jié)束實(shí)體編號(hào)。

Emoji 字符

表情符號(hào)也是來(lái)自 UTF-8 字母的字符：

  • ?? 是 128516
  • ?? 是 128525
  • ?? 是 128151

實(shí)例

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
</head>
<body>

<h1>我的第一個(gè) Emoji</h1>

<p>&#128512;</p>

</body>
</html>

由于表情符號(hào)是字符，因此可以像 HTML 中的其他任何字符一樣復(fù)制、顯示和調(diào)整它們的大小。

實(shí)例

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
</head>
<body>

<h1>放大的表情符號(hào)</h1>

<p style="font-size:48px">
&#128512; &#128516; &#128525; &#128151;
</p>

</body>
</html>

UTF-8 中的一些 Emoji 符號(hào)

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


以上內(nèi)容是否對(duì)您有幫助：
在線(xiàn)筆記
App下載
App下載

掃描二維碼

下載編程獅App

公眾號(hào)
微信公眾號(hào)

編程獅公眾號(hào)