Uso de emojis en HTML
Los emojis son caracteres del conjunto de caracteres UTF-8: 😄 😍 💗
¿Qué son los emojis?
Los emojis parecen imágenes o íconos, pero no lo son.
Son letras (caracteres) del conjunto de caracteres UTF-8 (Unicode).
UTF-8 cubre casi todos los caracteres y símbolos del mundo.
El atributo de juego de caracteres HTML
Para mostrar una página HTML correctamente, un navegador web debe conocer el juego de caracteres utilizado en la página.
Esto se especifica en la <meta>etiqueta:
<meta charset="UTF-8">
Si no se especifica, UTF-8 es el conjunto de caracteres predeterminado en HTML.
Caracteres UTF-8
Muchos caracteres UTF-8 no se pueden escribir en un teclado, pero siempre se pueden mostrar usando números (llamados números de entidad):
- A es 65
- b es 66
- C es 67
Ejemplo
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
</head>
<body>
<p>I will display A B C</p>
<p>I will display A B C</p>
</body>
</html>
Ejemplo explicado
El <meta charset="UTF-8">elemento define el conjunto de caracteres.
Los caracteres A, B y C se muestran con los números 65, 66 y 67.
Para que el navegador comprenda que está mostrando un carácter, debe comenzar el número de entidad con y terminarlo con ; (punto y coma).
Caracteres emojis
Los emojis también son caracteres del alfabeto UTF-8:
- 😄 es 128516
- 😍 es 128525
- 💗 es 128151
Ejemplo
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
</head>
<body>
<h1>My First Emoji</h1>
<p>😀</p>
</body>
</html>
Dado que los emojis son caracteres, se pueden copiar, mostrar y cambiar de tamaño como cualquier otro carácter en HTML.
Ejemplo
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
</head>
<body>
<h1>Sized Emojis</h1>
<p style="font-size:48px">
😀 😄 😍 💗
</p>
</body>
</html>
Algunos Símbolos Emoji en UTF-8
| emoticonos | Valor | Intentalo |
|---|---|---|
| 🗻 | | |
| 🗼 | | |
| 🗽 | | |
| 🗾 | | |
| 🗿 | | |
| 😀 | | |
| 😁 | | |
| 😂 | | |
| 😃 | | |
| 😄 | | |
| 😅 | |
Para obtener una lista completa, vaya a nuestra Referencia de emoji HTML .