Cómo añadir EMOJIS en HTML

Logo de Cuarzo.dev
Cuarzo.dev

Recibe cada lunes y jueves un correo para ayudarte a impulsar tus habilidades de programación. Ofreciéndote consejos, tutoriales, recursos gratuitos, noticias relevantes y una comunidad comprometida. También tenemos memes 😏

Suscríbete Gratis

Si tienes alguna duda con el curso o te quedas en algún punto donde no sepas avanzar te puedes unir gratis a nuestra comunidad de discord y preguntar tus dudas, que la comunidad estará encantada de ayudarte.

Únete al discord

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.

Al suscribirte estás aceptando los términos de uso y la política de privacidad. Puedes darte de baja en cualquier momento.

Libro No todo es programar de Kiko Palomares
Koding Beats