Jak używać emoji w HTML
Jak używać emoji w HTML
Emoji można dodać albo przez zjawisko kopiowania/wklejania lub za pomocą kodu sześciokątnego emoji.
Metoda 1: Skopiuj emoji i wklej je do edytora kodu
Ta metoda kopiuje emoji i wkleja ją do redaktora. Przykład napisany poniżej praktykuje tę metodę:
1)- 😁 2)- 🗾 3)- 🥶
4)- ⏰ 5)- ⛔ 6)- ⛳
Powyższy kod zawiera dwa akapity zawierające sześć emoji. Ustawiliśmy styl czcionki akapitów na 25px (aby uzyskać powiększone emoji).
Wyjście
Z wyjścia obserwuje się, że emoji zostały skopiowane do edytora i pokazane na wyjściu.
Metoda 2: Korzystanie z kodu sześciokątnego i wartości dziesiętnej
Do zdobycia ich na stronie internetowej można użyć wartości dziesiętnej i wartości sześciokątnych emoji. Zanim przejdziemy do przykładu, rzućmy okiem na tabelę, która pokazuje emoji z ich wartościami sześciokątnymi i dziesiętnymi.
| Emoji | Wartość dziesiętna | Kod heksowy |
|---|---|---|
| ✅ | ✅ | ✅ |
| 💯 | 💯 | 💯 |
| 🎯 | 🎯 | 🎯 |
| 🌍 | 🌍 | 🌍 |
| 🔁 | 🔁 | 🔁 |
| 📵 | 📵 | 📵 |
| 🔋 | 🔋 | 🔋 |
| 🔎 | 🔎 | 🔎 |
| ✌ | ✌ | ✌ |
| 👍 | 👍 | 👍 |
| 🔥 | 🔥 | 🔥 |
Wartości sześciokątne są prefiksowane za pomocą „&#X„Podczas gdy wartość dziesiętna używa &# na początku. Jednak obie wartości są postfiksowane półkolisem (;),
Notatka: Możesz uzyskać kod heksy wszystkich emoji z Unicode.org. Przekonasz się, że kod jest napisany w takiej formie U+1f63a Aby go wykorzystać, musisz usunąć U+ z wartości sześciokątnej i użyć drugiej części kodu sześciokątnego.
Przykład
Poniższy przykład pokazuje użycie kilku emoji przy użyciu kodu sześciokątnego i wartości dziesiętnych.
1)- ✅ 2)- ✌ 3)- 🔥
Utworzony jest akapit, który wykorzystuje wartości dziesiętne i wartości sześciokątne emoji, aby używać ich w HTML.
Wyjście
Wyjście reprezentuje, że kod hex i wartości dziesiętne są konwertowane na powiązane emoji.
Jak używać różnych tonów skóry emoji w HTML
Różne emoji mogą mieć wiele wyświetlaczy i są nazywane odcieniem skóry tego emoji. Odcienie skóry mogą się różnić od ciemności, a następnie medium i światła. Te odcienie skóry można dodać za pomocą emoji przy użyciu następujących wartości dziesiętnych.
| Odcień skóry | Wartość dziesiętna |
|---|---|
| Światło | 🏻 |
| Średni światło | 🏼 |
| Średni | 🏽 |
| Średnie żart | 🏾 |
| Ciemny | 🏿 |
Ćwiczmy je.
Przykład
Odcień skóry można dodać do dowolnego emoji, dołączając dziesiętną wartość odcienia skóry do wartości dziesiętnej/sześciokątnej tego emoji. Wykonaliśmy następujący kod pod tym względem:
Za pomocą jasnej skórki: ✌🏻
Używanie średniego światła skórnego: ✌🏼
Za pomocą średniej skóry: ✌🏽
Używając średniej ciemności tonu skóry: ✌🏾
Za pomocą ciemnej skóry: ✌🏿
Pięć akapitów można zobaczyć w powyższym kodzie, a każdy akapit używa innego tonu skóry dla zwycięstwa (✌) emoji.
Wyjście
Wyjście wyświetla tony światła, średniego światła, średnie, średnie i ciemne skóry emoji (✌).
Wniosek
Emoji można dodać do dokumentu HTML na dwa sposoby, skopiuj i wklej emoji lub używać wartości szesnastkowych/dziesiętnych. Ten post pokazuje te metody stosowania emoji w HTML. Metoda kopiowania/wklejania umożliwia skopiowanie emoji i wklejanie go do edytora kodu. Kod HEX można wygenerować z Unicode emoji, które można uzyskać z Unicode.org. Metoda kopiowania/wklejania jest łatwa do naśladowania, jednak zaleca się użycie wartości szesnastkowej lub wartości dziesiętnej do używania emoji w HTML.