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

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