Usando emojis en HTML
Los emojis son caracteres del conjunto de caracteres UTF-8: 😄 😍 💗
Algunos símbolos emoji en UTF-8
| Emoji | Valor | |
|---|---|---|
| 🗻 | 🗻 | Intentalo » |
| 🗼 | 🗼 | Intentalo » |
| 🗽 | 🗽 | Intentalo » |
| 🗾 | 🗾 | Intentalo » |
| 🗿 | 🗿 | Intentalo » |
| 😀 | 😀 | Intentalo » |
| 😁 | 😁 | Intentalo » |
| 😂 | 😂 | Intentalo » |
| 😃 | 😃 | Intentalo » |
| 😄 | 😄 | Intentalo » |
| 😅 | 😅 | Intentalo » |
Referencia completa de emojis HTML
Ejemplos de emojis HTML
🚀🚁🚂🚃🚄
Símbolos de transporte HTML Emoji
💺💻💼💽💾
Símbolos de oficina HTML Emoji
👮👯👰👱👲
Símbolos de personas HTML Emoji
🐂🐃🐄🐅🐆
¿Qué son los emojis?
Los emojis parecen imágenes o iconos, pero no lo son.
Son letras (caracteres) del juego de caracteres UTF-8 (Unicode).
UTF-8 cubre casi todos los caracteres y símbolos del mundo.
El atributo del 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 etiqueta <meta>:
<meta charset="UTF-8">
Si no se especifica, UTF-8 es el juego 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 entidades):
- 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>
Inténtalo tú mismo »
Ejemplo explicado
El elemento <meta charset="UTF-8"> define el juego de caracteres.
Los caracteres A, B y C se muestran mediante los números 65, 66 y 67.
Para que el navegador entienda que está mostrando un carácter, debe comenzar el número de entidades con &# y terminar con ; (punto y coma).
Personajes Emoji
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>
Inténtalo tú mismo »
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>
Inténtalo tú mismo »
Para obtener una lista completa, consulta nuestra Referencia de Emoji HTML.
