Χρήση Εικονιδίων Υπολογιστή στο HTML

Τα εικονίδια (Emoji) είναι χαρακτήρες από τη γλωσσική ομάδα UTF-8:  

Τι είναι το Emoji;

Οι εικονίδια (Emoji) μοιάζουν με εικόνες ή εικονίδια, αλλά δεν είναι.

Είναι γράμματα (χαρακτήρες) από τη γλωσσική ομάδα UTF-8 (Unicode).

Συμβουλή:Το UTF-8 καλύπτει σχεδόν όλους τους χαρακτήρες και τους συμβολούς του κόσμου.

Παράμετρος charset του HTML

Για να εμφανιστεί σωστά η σελίδα HTML, ο περιηγητής πρέπει να γνωρίζει τη γλωσσική ομάδα που χρησιμοποιείται στη σελίδα.

Αυτό είναι στο <meta> Καθορίζεται στο ετικέτα:

<meta charset="UTF-8">

Συμβουλή:Αν δεν καθορίζεται, το UTF-8 είναι η προεπιλεγμένη γλωσσική ομάδα του HTML.

Χαρακτήρες UTF-8

Πολλοί χαρακτήρες UTF-8 δεν μπορούν να πληκτρολογηθούν στο πληκτρολόγιο, αλλά πάντα μπορούν να εμφανιστούν με αριθμητικά (ονομαζόμενα κωδικοί εσωτερικού):

  • Το A είναι 65
  • Το B είναι 66
  • Το C είναι 67

Παράδειγμα

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
</head>
<body>
<p>Θα εμφανίσω τα γράμματα A B C</p>
<p>Θα εμφανίσω τα σύμβολα &65; &66; &67;</p>
</body>
</html>

Δοκιμάστε το شخصικά

Παράδειγμα ερμηνείας

<meta charset="UTF-8"> Το στοιχείο καθορίζει τη γλώσσα χαρακτήρων.

Οι χαρακτήρες A, B, C εμφανίζονται με τους αριθμούς 65, 66 και 67.

Για να ενημερώσει ο περιηγητής ότι εμφανίζετε χαρακτήρες, πρέπει να ξεκινάτε με το & και να τελειώνετε με το ; (σemicolon).

Χαρακτήρες Emoji

Τα εικονίδια είναι χαρακτήρες από τα γράμματα του UTF-8:

  • 😔 είναι 128516
  • 😍 είναι 128525
  • ❤️ είναι 128151

Παράδειγμα

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
</head>
<body>
<h1>Το πρώτο μου Emoji</h1>
<p>😀</p>
</body>
</html>

Δοκιμάστε το شخصικά

Επειδή τα εικονίδια είναι χαρακτήρες, μπορούν να αντιγραφούν, να εμφανιστούν και να προσαρμοστούν όπως οποιοσδήποτε άλλος χαρακτήρας στο HTML.

Παράδειγμα

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
</head>
<body>
<h1>Αντιγραφές σημείων προσώπου</h1>
<p style="font-size:48px">
😀😕😯😡
</p>
</body>
</html>

Δοκιμάστε το شخصικά

Κα某些 Emoji χαρακτήρες στο UTF-8

Emoji Αξία
😡 😡
😡 😡
😡 😡
😡 😡
😡 😡
😡 😠
😡 😢
😣 😢
😓 😕
😔 😕
☀ 😍

Για πλήρη λίστα, επισκεφθείτε το Εγχειρίδιο Emoji HTML μας.