{"id":234,"date":"2024-05-21T10:00:20","date_gmt":"2024-05-21T08:00:20","guid":{"rendered":"https:\/\/blog.sutilweb.eu\/?page_id=234"},"modified":"2024-05-21T10:00:20","modified_gmt":"2024-05-21T08:00:20","slug":"49-uso-de-emojis-en-html","status":"publish","type":"page","link":"https:\/\/sutilweb.eu\/index.php\/lenguajes\/html5\/html5-manual\/49-uso-de-emojis-en-html\/","title":{"rendered":"49. Uso de Emojis en HTML"},"content":{"rendered":"\n

Los emojis<\/strong> son caracteres del conjunto de caracteres UTF-8: \ud83d\ude04 \ud83d\ude0d \ud83d\udc97. Los emojis<\/strong> parecen im\u00e1genes o \u00edconos, pero no lo son. Son letras (caracteres) del conjunto de caracteres UTF-8 (Unicode).<\/p>\n\n\n\n

UTF-8 cubre casi todos los caracteres y s\u00edmbolos del mundo.<\/p>\n\n\n\n

El atributo HTML charset<\/h2>\n\n\n\n

Para mostrar una p\u00e1gina HTML correctamente, un navegador web debe conocer el juego de caracteres utilizado en la p\u00e1gina.<\/p>\n\n\n\n

Esto se especifica en la etiqueta <meta><\/em><\/strong>:<\/p>\n\n\n\n

<meta charset=\"UTF-8\"><\/pre>\n\n\n\n
\n
Si no se especifica, UTF-8 es el conjunto de caracteres predeterminado en HTML.<\/p>\n<\/blockquote>\n\n\n\n
Caracteres UTF-8<\/h2>\n\n\n\n
Muchos caracteres UTF-8 no se pueden escribir en un teclado, pero siempre se pueden mostrar usando n\u00fameros (llamados n\u00fameros de entidad).<\/p>\n\n\n\n
    \n
  • A es 65<\/li>\n\n\n\n
  • B es 66<\/li>\n\n\n\n
  • C es 67<\/li>\n<\/ul>\n\n\n\n
    Ejm<\/strong><\/p>\n\n\n\n
    <!DOCTYPE html>\n<html>\n<head>\n<meta charset=\"UTF-8\">\n<\/head>\n<body>\n\n<p>Mostrar\u00e9 A B C<\/p>\n<p>Mostrar\u00e9 &#65; &#66; &#67;<\/p>\n\n<\/body>\n<\/html><\/pre>\n\n\n\n
    Ejemplo explicado<\/h2>\n\n\n\n
    El elemento <meta charset=\u00bbUTF-8″><\/em><\/strong> define el conjunto de caracteres. Los caracteres A, B y C se muestran con los n\u00fameros 65, 66 y 67. Para que el navegador comprenda que est\u00e1 mostrando un car\u00e1cter, debe comenzar el n\u00famero de entidad con &#<\/em><\/strong> y terminarlo con ;<\/em><\/strong> (punto y coma).<\/p>\n\n\n\n
    Caracteres Emoji<\/h2>\n\n\n\n
    Los emojis tambi\u00e9n son caracteres del alfabeto UTF-8:<\/p>\n\n\n\n
      \n
    • \ud83d\ude04 es 128516<\/li>\n\n\n\n
    • \ud83d\ude0d es 128525<\/li>\n\n\n\n
    • \ud83d\udc97 es 128151<\/li>\n<\/ul>\n\n\n\n
      Ejm<\/strong><\/p>\n\n\n\n
      <!DOCTYPE html>\n<html>\n<head>\n<meta charset=\"UTF-8\">\n<\/head>\n<body>\n\n<h1>My First Emoji<\/h1>\n\n<p>&#128512;<\/p>\n\n<\/body>\n<\/html><\/pre>\n\n\n\n
      Dado que los emojis<\/strong> son caracteres, se pueden copiar, mostrar y cambiar de tama\u00f1o como cualquier otro car\u00e1cter en HTML.<\/p>\n\n\n\n
      Ejm<\/strong><\/p>\n\n\n\n
      <!DOCTYPE html>\n<html>\n<head>\n<meta charset=\"UTF-8\">\n<\/head>\n<body>\n\n<h1>Sized Emojis<\/h1>\n\n<p style=\"font-size:48px\">\n&#128512; &#128516; &#128525; &#128151;\n<\/p>\n\n<\/body>\n<\/html><\/pre>\n\n\n\n
      Algunos S\u00edmbolos Emoji en UTF-8<\/h2>\n\n\n\n
      Emoji<\/th>Valor<\/th><\/tr>
      \ud83d\uddfb<\/td>&#128507;<\/td><\/tr>
      \ud83d\uddfc<\/td>&#128508;<\/td><\/tr>
      \ud83d\uddfd<\/td>&#128509;<\/td><\/tr>
      \ud83d\uddfe<\/td>&#128510;<\/td><\/tr>
      \ud83d\uddff<\/td>&#128511;<\/td><\/tr>
      \ud83d\ude00<\/td>&#128512;<\/td><\/tr>
      \ud83d\ude01<\/td>&#128513;<\/td><\/tr>
      \ud83d\ude02<\/td>&#128514;<\/td><\/tr>
      \ud83d\ude03<\/td>&#128515;<\/td><\/tr>
      \ud83d\ude04<\/td>&#128516;<\/td><\/tr>
      \ud83d\ude05<\/td>&#128517;<\/td><\/tr><\/tbody><\/table><\/figure>\n","protected":false},"excerpt":{"rendered":"
      Los emojis son caracteres del conjunto de caracteres UTF-8: \ud83d\ude04 \ud83d\ude0d \ud83d\udc97. Los emojis parecen im\u00e1genes o \u00edconos, pero no lo son. Son…<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":41,"menu_order":48,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_uag_custom_page_level_css":"","footnotes":""},"class_list":["post-234","page","type-page","status-publish","hentry"],"uagb_featured_image_src":{"full":false,"thumbnail":false,"medium":false,"medium_large":false,"large":false,"1536x1536":false,"2048x2048":false},"uagb_author_info":{"display_name":"Sutil Web","author_link":"https:\/\/sutilweb.eu\/index.php\/author\/sutilweb\/"},"uagb_comment_info":0,"uagb_excerpt":"Los emojis son caracteres del conjunto de caracteres UTF-8: \ud83d\ude04 \ud83d\ude0d \ud83d\udc97. Los emojis parecen im\u00e1genes o \u00edconos, pero no lo son. Son...","_links":{"self":[{"href":"https:\/\/sutilweb.eu\/index.php\/wp-json\/wp\/v2\/pages\/234","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/sutilweb.eu\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/sutilweb.eu\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/sutilweb.eu\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/sutilweb.eu\/index.php\/wp-json\/wp\/v2\/comments?post=234"}],"version-history":[{"count":2,"href":"https:\/\/sutilweb.eu\/index.php\/wp-json\/wp\/v2\/pages\/234\/revisions"}],"predecessor-version":[{"id":236,"href":"https:\/\/sutilweb.eu\/index.php\/wp-json\/wp\/v2\/pages\/234\/revisions\/236"}],"up":[{"embeddable":true,"href":"https:\/\/sutilweb.eu\/index.php\/wp-json\/wp\/v2\/pages\/41"}],"wp:attachment":[{"href":"https:\/\/sutilweb.eu\/index.php\/wp-json\/wp\/v2\/media?parent=234"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}