Brug af Emotikoner i HTML

Emojis (Emoji) er tegn fra UTF-8 tegns忙t:飿?飿?飹?/p>

Hvad er Emoji?

Emojis (Emoji) ligner billeder eller ikoner, men de er det ikke.

De er bogstaver (tegn) fra UTF-8 (Unicode) tegns忙t.

Tip:UTF-8 d忙kker n忙sten alle tegn og symboler i verden.

HTML charset-attribut

For at korrekt vise HTML-sider skal webbrowseren vide hvilket tegns忙t der bruges p氓 siden.

Dette er i <meta> Angivet i tagget:

<meta charset="UTF-8">

Tip:Hvis ikke angivet, er UTF-8 standard tegns忙t i HTML.

UTF-8 tegn

Mange UTF-8 tegn kan ikke indtastes p氓 tastaturet, men de kan altid vises ved hj忙lp af tal (kaldet entity-numre):

  • A er 65
  • B er 66
  • C er 67

Example

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
</head>
<body>
<p>Jeg vil vise A B C</p>
<p>Jeg vil vise A B C</p>
</body>
</html>

Try it yourself

Examples explain

<meta charset="UTF-8"> Elements define the character set.

Characters A, B, C are displayed by numbers 65, 66, and 67.

To let the browser know that you are displaying characters, you must start with &# and end with ; (semicolon) for the entity number.

Emoji characters

Emoticons are also characters from the UTF-8 alphabet:

  • 馃槃 is 128516
  • 馃槝 is 128525
  • 馃懇鈥嶁潳锔忊€嶐煈?is 128151

Example

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

Try it yourself

Since emoticons are characters, they can be copied, displayed, and resized like any other character in HTML.

Example

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
</head>
<body>
<h1>Enlarged emoticons</h1>
<p style="font-size:48px">
馃槄 馃槙 馃攩 馃彺
</p>
</body>
</html>

Try it yourself

Some Emoji symbols in UTF-8

Emoji Value
馃槄 馃槄
馃槄 馃槄
馃槄 馃槄
馃槄 馃槄
馃槄 馃槄
馃槄 馃槄
馃槄 馃槄
馃槄 馃槄
馃槄 馃槄
馃槄 馃槙
馃攩 馃槏

For a complete list, please visit our HTML Emoji reference manual.