HTMLで絵文字を使用する
絵文字は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>I will display A B C</p>
<p>I will display A B C</p>
</body>
</html>
例の説明
この<meta charset="UTF-8">要素は文字セットを定義します。
文字A、B、およびCは、65、66、および67の数字で表示されます。
文字を表示していることをブラウザに認識させるには、エンティティ番号を＆＃で開始し、;で終了する必要があります。（セミコロン）。
絵文字
絵文字もUTF-8アルファベットの文字です。
- 😄は128516です
- 😍は128525です
- 💗は128151です
例
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
</head>
<body>
<h1>My First Emoji</h1>
<p>😀</p>
</body>
</html>
絵文字は文字であるため、HTMLの他の文字と同じようにコピー、表示、サイズ変更できます。
例
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
</head>
<body>
<h1>Sized Emojis</h1>
<p style="font-size:48px">
😀 😄 😍 💗
</p>
</body>
</html>
UTF-8のいくつかの絵文字記号
| 絵文字 | 価値 | それを試してみてください |
|---|---|---|
| 🗻 | ＆＃128507; | |
| 🗼 | ＆＃128508; | |
| 🗽 | ＆＃128509; | |
| 🗾 | ＆＃128510; | |
| 🗿 | ＆＃128511; | |
| 😀 | ＆＃128512; | |
| 😁 | ＆＃128513; | |
| 😂 | ＆＃128514; | |
| 😃 | ＆＃128515; | |
| 😄 | ＆＃128516; | |
| 😅 | ＆＃128517; |
完全なリストについては、HTML絵文字リファレンスにアクセスしてください。