絵文字は UTF-8 文字セットの文字です: 😄 😍 💗

絵文字とは何ですか?

絵文字は画像やアイコンに似ていますが、そうではありません。

これらは、UTF-8 (Unicode) 文字セットの文字 (文字) です。

ヒント:UTF-8 は、世界中のほぼすべての文字と記号をカバーします。

HTML 文字セット属性

HTML ページを正しく表示するには、Web ブラウザがページで使用されている文字セットを認識している必要があります。

これは <meta> タグで指定されます。

<meta charset="UTF-8">

ヒント: 指定しない場合、UTF-8 が HTML のデフォルトの文字セットになります。

UTF-8 文字

多くの UTF-8 文字はキーボードで入力できませんが、数値 (エンティティ番号と呼ばれます) を使用して常に表示できます。

  • A は 65 です
  • B は 66 です
  • C は 67 です

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

<p>私が見せます A B C</p>
<p>私が見せます &#65; &#66; &#67;</p>

</body>
</html>

自分で試してみてください

例の説明

要素は文字セットを定義します。

文字 A、B、および C は、数字 65、66、および 67 で表されます。

ブラウザが文字を表示していることを理解するには、エンティティ番号を &# で始め、; (セミコロン) で終わる必要があります。

絵文字

絵文字も UTF-8 アルファベットの文字です。

  • 😄 はい 128516
  • 😍 はい 128525
  • 💗 はい 128151

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

<h1>私の最初の Emoji</h1>

<p>&#128512;</p>

</body>
</html>

自分で試してみてください

絵文字は文字であるため、HTML 内の他の文字と同様に、コピー、表示、サイズ変更が可能です。

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

<h1>拡大された絵文字</h1>

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

</body>
</html>

自分で試してみてください

UTF-8 のいくつかの絵文字記号

Emoji
🗻 &#128507;
🗼 &#128508;
🗽 &#128509;
🗾 &#128510;
🗿 &#128511;
😀 &#128512;
😁 &#128513;
😂 &#128514;
😃 &#128515;
😄 &#128516;
😅 &#128517;