HTML Emojis

HTML Emojis

La ruta del desarrollador web frontend autónomo🤹‍♂️


Los emojis son caracteres del conjunto de caracteres UTF-8: 😄 😍 💗


¿Qué son los emojis en HTML?

Los emojis parecen imágenes o iconos, pero no lo son.

Son letras (caracteres) del conjunto de caracteres UTF-8 (Unicode).

El conjunto de caracteres UTF-8 cubre casi todos los caracteres y símbolos del mundo.


El atributo charset

Para mostrar una página HTML correctamente, un navegador web debe conocer el conjunto de caracteres utilizado en la página.

Esto se especifica con la etiqueta <meta>.

Ejemplo:

<meta charset="UTF-8">

Si no se especifica, UTF-8 es el conjunto de caracteres predeterminado en HTML.


Caracteres UTF-8

Muchos caracteres UTF-8 no se pueden escribir en un teclado normal, pero siempre se pueden agregar usando números de entidad:

  • A es 65

  • B es 66

  • C es 67

Ejemplo:

Ejemplo explicado:

  • El elemento <meta charset="UTF-8"> define el conjunto de caracteres.

  • Los caracteres A, B y C se muestran con los números de entidad 65, 66 y 67.

Para que el navegador comprenda que estás mostrando un carácter, debes comenzar el número de entidad con &# y terminar con ; (punto y coma).


Caracteres de emojis

Los emojis también son caracteres del alfabeto UTF-8:

  • 😄 es 128516

  • 😍 es 128525

  • 💗 es 128151

Ejemplo:

Dado que los emojis son caracteres, también se pueden copiar, mostrar y cambiar de tamaño como cualquier otro elemento en HTML.

Ejemplo:


Algunos símbolos de emojis en UTF-8

EmojiValor
🗻&#128507;
🗼&#128508;
🗽&#128509;
🗾&#128510;
🗿&#128511;
😀&#128512;
😁&#128513;
😂&#128514;
😃&#128515;
😄&#128516;
😅&#128517;

Mira la lista completa de emojis


Resumen

Los emojis son caracteres del conjunto de caracteres UTF-8.


Traducido con 💚 desde W3Schools.com

Did you find this article valuable?

Support Santos Romero by becoming a sponsor. Any amount is appreciated!