Kihagyás

10.4. fejezet

Emojik

Az emojik kis ikonok vagy képek, amelyek gyakran használatosak a szöveges kommunikáció során az érzelmek, hangulatok vagy ötletek vizuális kifejezésére. Az emojik használata HTML-ben egyszerű és sokszínű lehetőségeket kínál a weboldalak számára.

Az emojik HTML-ben való megjelenítésének több módja is létezik, ezeket fogjuk most megnézni.

Közvetlen beillesztés

Az emojik egyszerűen beilleszthetők a szövegbe másolással és beillesztéssel.

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
<!DOCTYPE html>
<html lang="hu">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Emojik Példa</title>
</head>
<body>
    <h2>Emojik Közvetlen Beillesztéssel</h2>
    <p>Ez egy boldog arc 😊, és ez egy szív ❤️.</p>
</body>
</html>

HTML entitásként

Az emojik Unicode karakterkódjaik használatával is beilleszthetők.

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
<!DOCTYPE html>
<html lang="hu">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Emojik Példa</title>
</head>
<body>
<h2>Emojik HTML Entitásként</h2>
<p>Ez egy csillag: &#x2B50;</p>
</body>
</html>

CSS Pszeudo elemekkel:

Az emojik CSS segítségével is hozzáadhatók az oldalhoz.

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
<!DOCTYPE html>
<html lang="hu">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Emojik Példa</title>
    <style>
        .happy::after {
            content: "😊";
        }

        .heart::before {
            content: "❤️";
            margin-right: 5px;
        }
    </style>
</head>
<body>
    <h2>Emojik CSS Pseudo-elemekkel</h2>
    <p class="happy">Boldog vagyok</p>
    <p class="heart">Szeretek programozni</p>
</body>
</html>

Unicode karakterek

Az emojik Unicode karakterek, amelyek hexadecimális formátumban vannak megadva. A Unicode karakterkódot a &#x...; formátumban használjuk. Például, a napsütés emoji Unicode kódja U+1F31E, HTML-ként pedig &#x1F31E;.

Utolsó frissítés: 2024-08-16 17:41:01