MEJOR SITIO PARA DESARROLLADORES WEB
HTML5 Lecciones para principiantes

Ua En De

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

🐂🐃🐄🐅🐆

Símbolos HTML Emoji Animales


¿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 &#65; &#66; &#67;</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>&#128512;</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">
&#128512; &#128516; &#128525; &#128151;
</p>

</body>
</html>
Inténtalo tú mismo »

Para obtener una lista completa, consulta nuestra Referencia de Emoji HTML.



Comentarios