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.