Emojis in HTML

Emojis are made up of the following UTF-8 characters:๐Ÿ‡ฏ๐Ÿ‡ต ๐Ÿ‡ฐ๐Ÿ‡ท ๐Ÿ‡ฉ๐Ÿ‡ช ๐Ÿ‡จ๐Ÿ‡ณ ๐Ÿ‡บ๐Ÿ‡ธ ๐Ÿ‡ซ๐Ÿ‡ท ๐Ÿ‡ช๐Ÿ‡ธ ๐Ÿ‡ฎ๐Ÿ‡น ๐Ÿ‡ท๐Ÿ‡บ ๐Ÿ‡ฌ๐Ÿ‡ง

What do Emojis mean?

Emojis look like pictures or icons, but they are not.

They are letters from the Unicode (UTF-8) character set.

Almost all of the characters and symbols in the world can be used with UTF-8.

The HTML charset Attribute

The HTML charset attribute tells the computer what kind of characters to use.

A web browser needs to know the character set used on an HTML page in order to show it correctly.

This is what the <meta> tag says:

<meta charset=\”UTF-8\”>

If you don\’t tell HTML otherwise, UTF-8 will be used.

Characters in UTF-8

Many UTF-8 characters can\’t be typed on a keyboard, but they can always be shown using numbers (called entity numbers):

X is 88, Y is 89 and Z is 90

Example

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

<p>I will display X Y Z</p>
<p>I will display &#88; &#89; &#90;</p>

</body>
</html>

Some Emoji Symbols in UTF-8

EmojiValue
๐Ÿ—ป&#128507;
๐Ÿ—ผ&#128508;
๐Ÿ—ฝ&#128509;
๐Ÿ—พ&#128510;
๐Ÿ—ฟ&#128511;
๐Ÿ˜€&#128512;
๐Ÿ˜&#128513;
๐Ÿ˜‚&#128514;
๐Ÿ˜ƒ&#128515;
๐Ÿ˜„&#128516;
๐Ÿ˜…&#128517;