HTML-Smileys verwenden

Emojis (Emoji) sind Zeichen aus der UTF-8-Zeichensatzcodierung:   

Was ist Emoji?

Emojis (Emoji) ähneln Bildern oder Symbolen, aber sie sind nicht das.

Sie sind Buchstaben (Zeichen) aus der UTF-8 (Unicode)-Zeichensatzcodierung.

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

HTML charset-Attribut

Um HTML-Seiten korrekt anzuzeigen, muss der Webbrowser die Zeichensatzcodierung kennen, die auf der Seite verwendet wird.

Dies ist in <meta> Vorgeschrieben im Attribut der

<meta charset="UTF-8">

Tipp:Falls nicht angegeben, ist UTF-8 die Standardzeichensatzcodierung in HTML.

UTF-8-Zeichen

Viele UTF-8-Zeichen können nicht auf der Tastatur eingegeben werden, aber sie können immer mit Zahlen (als Entity-Nummern bezeichnet) angezeigt werden:

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

Beispiel

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

Probieren Sie es selbst aus

Beispiel

<meta charset="UTF-8"> Der Elementdefiniton definiert das Zeichensatz.

Die Zeichen A, B, C werden durch die Ziffern 65, 66 und 67 angezeigt.

Um den Browser zu informieren, dass Sie Zeichen anzeigen, müssen Sie die Zahl mit &# beginnen und mit ; (Punkt) beenden.

Emoji-Zeichen

Emojis sind auch Zeichen aus den UTF-8-Buchstaben:

  •  ist 128516
  •  ist 128525
  •  ist 128151

Beispiel

!DOCTYPE html
<html>
<head>
<meta charset="UTF-8">
</head>
<body>
<h1>Mein erster Emoji</h1>
<p>😀</p>
</body>
</html>

Probieren Sie es selbst aus

Da Emojis Zeichen sind, können sie wie andere Zeichen in HTML kopiert, angezeigt und in ihrer Größe angepasst werden.

Beispiel

!DOCTYPE html
<html>
<head>
<meta charset="UTF-8">
</head>
<body>
<h1>Vergrößerte Emojis</h1>
<p style="font-size:48px">
😀 😄 😍 💗
</p>
</body>
</html>

Probieren Sie es selbst aus

Einige Emoji-Symbole in UTF-8

Emoji Wert
🗻
🗼
🗽
🗾
🗿
😀
😁
😂
😃
😄
😅

Für eine vollständige Liste besuchen Sie unser HTML Emoji Referenzhandbuch.