Cómo añadir EMOJIS en HTML

Qué son los emojis?

Los emojis parecen imágenes pero no lo son. Son letras del alfabeto UTF-8.

UTF-8 cubre la gran mayoría de caracteres y símbolos del mundo.

El atributo chartset

Para que se vean bien necesitamos poner el chartset correctamente en los meta de la web.

<meta charset="UTF-8">

Caracteres UTF-8

Los caracteres del alfabeto UTF-8 pueden ser mostrados llamando a su número de entidad. 

Ejemplos:

  • A es 65
  • B es 66
  • C es 67

See the Pen HTML | 1.34 - Emojis - 1 by Francisco Palomares Barrios (@kikopalomares) on CodePen.

 

Caracteres de Emojis

Ejemplos:

  • 😄 es 128516
  • 😍 es 128525
  • 💗 es 128151

Como los emojis son caracteres pueden ser copiados, mostrados, etc, como otro carácter más de HTML.

See the Pen HTML | 1.34 - Emojis - 2 by Francisco Palomares Barrios (@kikopalomares) on CodePen.

¿Quieres más?

Si estás interesado en el mundo de la programación y el desarrollo web, te recomiendo que te suscribas a mi canal de youtube donde tienes mucho más contenido gratuito

IR AL CANAL

¿Quieres convertirte en desarrollador web? [GRATIS]

Déjame aquí tu mejor email y te mandaré un curso para que puedas empezar en el desarrollo web totalmente GRATIS!

¡Prometo no enviarte SPAM! Sólo cosas relevantes que te interesen.