Emojis are characters within the UTF-8 character set.😄 😍 💗
|
Emoji |
Value |
|
🗻 |
🗻 |
|
🗼 |
🗼 |
|
🗽 |
🗽 |
|
🗾 |
🗾 |
|
🗿 |
🗿 |
|
😀 |
😀 |
|
😁 |
😁 |
|
😂 |
😂 |
|
😃 |
😃 |
|
😄 |
😄 |
|
😅 |
😅 |
| 🚀🚁🚂🚃🚄 |
HTML Emoji Transport Symbols:
| 💺💻💼💽💾 |
HTML Emoji Office Symbols:
| 👮👯👰👱👲 |
HTML Emoji People Symbols:
| 🐂🐃🐄🐅🐆 |
Emojis may resemble images or icons, but they’re actually characters derived from the UTF-8 (Unicode) character set.
UTF-8 encompasses a vast majority of characters and symbols found worldwide.
For proper display of an HTML page, a web browser needs to be aware of the character set employed in the page, a detail typically indicated within the <meta> tag.
| <meta charset=”UTF-8″> |
If not explicitly stated, UTF-8 serves as the default character set in HTML.
Numerous UTF-8 characters aren’t readily typed via keyboards, yet they can consistently be displayed using numerical representations known as entity numbers:
Example
| <!DOCTYPE html> <html> <meta charset=”UTF-8″> <body> <p>I will display A B C</p> <p>I will display A B C</p> </body> </html> |
The <meta charset=”UTF-8″> tag specifies the character encoding.
The characters A, B, and C correspond to the numbers 65, 66, and 67.
To indicate to the browser that you’re representing a character, you begin the entity number with &# and conclude it with a semicolon (;).
Example
| <!DOCTYPE html> <html> <meta charset=”UTF-8″> <body> <h1>My First Emoji</h1> <p>😀</p> </body> </html> |
Given that emojis are characters, they can be copied, displayed, and formatted just like any other character in HTML.
Example
| <!DOCTYPE html> <html> <meta charset=”UTF-8″> <body> <h1>Sized Emojis</h1> <p style=”font-size:48px”> 😀 😄 😍 💗 </p> </body> </html> |
