Gebruik Emoji's in HTML
Emoji's is karakters uit die UTF-8-karakterstel: 😄 😍 💗
Wat is Emoji's?
Emoji's lyk soos beelde, of ikone, maar dit is nie.
Dit is letters (karakters) van die UTF-8 (Unicode) karakterstel.
UTF-8 dek byna al die karakters en simbole in die wêreld.
Die HTML-karaktersetkenmerk
Om 'n HTML-bladsy korrek te vertoon, moet 'n webblaaier die karakterstel ken wat in die bladsy gebruik word.
Dit word in die <meta>merker gespesifiseer:
<meta charset="UTF-8">
Indien nie gespesifiseer nie, is UTF-8 die verstekkarakterstel in HTML.
UTF-8 karakters
Baie UTF-8-karakters kan nie op 'n sleutelbord getik word nie, maar hulle kan altyd met nommers vertoon word (genoem entiteitsnommers):
- A is 65
- B is 66
- C is 67
Voorbeeld
<!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>
Voorbeeld Verduidelik
Die <meta charset="UTF-8">element definieer die karakterstel.
Die karakters A, B en C word deur die nommers 65, 66 en 67 vertoon.
Om die blaaier te laat verstaan dat jy 'n karakter vertoon, moet jy die entiteitnommer met begin en dit eindig met ; (kommapunt).
Emoji-karakters
Emoji's is ook karakters uit die UTF-8-alfabet:
- 😄 is 128516
- 😍 is 128525
- 💗 is 128151
Voorbeeld
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
</head>
<body>
<h1>My First Emoji</h1>
<p>😀</p>
</body>
</html>
Aangesien Emoji's karakters is, kan hulle net soos enige ander karakter in HTML gekopieer, vertoon en gegrootte word.
Voorbeeld
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
</head>
<body>
<h1>Sized Emojis</h1>
<p style="font-size:48px">
😀 😄 😍 💗
</p>
</body>
</html>
Sommige Emoji-simbole in UTF-8
| Emoji | Waarde | Probeer dit |
|---|---|---|
| 🗻 | | |
| 🗼 | | |
| 🗽 | | |
| 🗾 | | |
| 🗿 | | |
| 😀 | | |
| 😁 | | |
| 😂 | | |
| 😃 | | |
| 😄 | | |
| 😅 | |
Vir 'n volledige lys, gaan asseblief na ons HTML Emoji-verwysing .