HTML-Emoji

Emojis sind Zeichen aus dem UTF-8-Zeichensatz: 😄 😍 💗.

Emoji (Englisch: emoji, Japanisch: 絵textCharacter／えもじ emoji) sind ideografische Symbole, die in Webseiten und Chats verwendet werden. Ursprünglich waren sie visuelle Emotionssymbole (Piktogramme), die in der drahtlosen Kommunikation in Japan verwendet wurden. „Expression“ bezieht sich auf Gesichtsausdrücke, während „icon“ grafische Symbole bedeutet. Sie können verwendet werden, um verschiedene Ausdrücke darzustellen, wie ein lächelndes Gesicht für Lachen, einen Kuchen für Essen und so weiter. Emojis sehen wie ein Bild oder ein Symbol aus, aber tatsächlich sind sie keine.

Emojis sind tatsächlich Zeichen im UTF-8-(Unicode-)Zeichensatz.

UTF-8 deckt fast alle Zeichen und Symbole der Welt ab.

HTML-charset-Attribut

Um eine HTML-Seite korrekt anzuzeigen, muss der Browser den von der Webseite verwendeten Zeichensatz kennen. Der Zeichensatz in einer Webseite wird mit dem<meta>-Tag angegeben:
<meta charset="UTF-8">

Hinweis:Wenn wir das Meta-Attribut nicht explizit angeben, ist die Standard-Zeichensatzcodierung ebenfalls UTF-8.

Weitere Informationen zur UTF-8-Kodierung finden Sie unter:HTML-Unicode-(UTF-8-)Referenzhandbuch

UTF-8-Zeichen

Viele UTF-8-Zeichen können nicht auf der Tastatur eingegeben werden, aber wir können Zahlen (sogenannte Entity-Nummern) verwenden, um sie darzustellen:

  • A ist 65
  • B ist 66
  • C ist 67

Beispiele

<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> </head> <body> <p>Ergebnis anzeigen: A B C</p> <p>Ergebnis anzeigen: &#65; &#66; &#67;</p> </body> </html>

Selbst ausprobieren »

Beispielanalyse:

<meta charset="UTF-8">Definiert den Zeichensatz.

A, B und C können auch mit 65, 66 und 67 dargestellt werden.

Entity-Nummern müssen mit&#beginnen und mit einem Semikolon enden;, um ein Zeichen korrekt anzuzeigen.

Ähnlich sind Emojis auch Zeichen und können in HTML-Seiten genauso wie jedes andere Zeichen verwendet werden:

Beispiele

<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> </head> <body> <h1>Emoji-Tag-Symbole</h1> <p>Mit der font-size-Eigenschaft können Sie die Größe von Emojis festlegen, genau wie beim Einstellen der Schriftgröße.</p> <p style="font-size:48px"> &#165EA6; &#165EA6; &#165EA6; &#175EA6; </p> </body> </html>

Selbst ausprobieren »

Emoji-Symbole

Die folgende Tabelle listet einige Emoji-Symbole auf:

Emoji Wert
🗻&#0957A6;
🗼&#0A58A6;
🗽&#0B58A6;
🗾&#145DA6;
🗿&#155DA6;
😀&#165EA6;
😁&#165EA6;
😂&#165EA6;
😃&#165EA6;
😄&#165EA6;
😅&#165EA6;

Weitere Emoji-Inhalte finden Sie unter:Emoji-Referenzhandbuch

Andere Erweiterungen