{"id":228,"date":"2024-05-21T09:57:55","date_gmt":"2024-05-21T07:57:55","guid":{"rendered":"https:\/\/blog.sutilweb.eu\/?page_id=228"},"modified":"2024-05-21T09:57:55","modified_gmt":"2024-05-21T07:57:55","slug":"47-entidades-html","status":"publish","type":"page","link":"https:\/\/sutilweb.eu\/index.php\/lenguajes\/html5\/html5-manual\/47-entidades-html\/","title":{"rendered":"47. Entidades HTML"},"content":{"rendered":"\n

Los caracteres reservados en HTML deben reemplazarse con entidades de caracteres<\/strong>.<\/p>\n\n\n\n

Entidades HTML<\/h2>\n\n\n\n

Algunos caracteres est\u00e1n reservados en HTML. Si usa los signos menor que (<) o mayor que (>) en su texto, el navegador podr\u00eda mezclarlos con etiquetas. Las entidades de caracteres<\/strong> se utilizan para mostrar caracteres reservados en HTML. Una entidad de car\u00e1cter se ve as\u00ed:<\/p>\n\n\n\n

&entity_name<\/em>;<\/pre>\n\n\n\n
O<\/p>\n\n\n\n
&#entity_number<\/em>;<\/pre>\n\n\n\n
Para mostrar un signo menor que (<) debemos escribir: &lt; o &#60;<\/p>\n\n\n\n
    \n
  • Ventaja de usar un nombre de entidad<\/strong>: El nombre de una entidad es f\u00e1cil de recordar.<\/li>\n\n\n\n
  • Desventaja de usar un nombre de entidad<\/strong>: Es posible que los navegadores no admitan todos los nombres de entidad, pero la compatibilidad con los n\u00fameros de entidad es buena.<\/li>\n<\/ul>\n\n\n\n
    Non-breaking Space<\/h2>\n\n\n\n
    Una entidad de uso com\u00fan en HTML es el espacio de no separaci\u00f3n: &nbsp; <\/em><\/strong>Un espacio que no se rompe es un espacio que no se dividir\u00e1 en una nueva l\u00ednea. Dos palabras separadas por un espacio de no separaci\u00f3n se mantendr\u00e1n juntas (no se dividir\u00e1n en una nueva l\u00ednea). Esto es \u00fatil cuando romper las palabras puede ser perturbador.<\/p>\n\n\n\n
    Ejemplos:<\/p>\n\n\n\n
      \n
    • \u00a7 10<\/li>\n\n\n\n
    • 10 km\/h<\/li>\n\n\n\n
    • 22:00<\/li>\n<\/ul>\n\n\n\n
      Otro uso com\u00fan del espacio de no separaci\u00f3n es evitar que los navegadores trunquen los espacios en las p\u00e1ginas HTML.<\/p>\n\n\n\n
      Si escribes 10 espacios en su texto, el navegador eliminar\u00e1 9 de ellos. Para agregar espacios reales a su texto, puedes usar &nbsp;.<\/em><\/strong><\/p>\n\n\n\n
      \n
      Sugerencia<\/strong>: El gui\u00f3n de no separaci\u00f3n (&#8209;<\/em><\/strong>) se usa para definir un car\u00e1cter de gui\u00f3n (\u2011) que no se divide en una nueva l\u00ednea.<\/p>\n<\/blockquote>\n\n\n\n
      Algunas entidades de caracteres HTML \u00fatiles<\/h2>\n\n\n\n
      Resultado<\/th>Descripci\u00f3n<\/th>Nombre de entidad<\/th>N\u00famero de entidad<\/th><\/tr>
       <\/td>non-breaking space<\/td>&nbsp;<\/td>&#160;<\/td><\/tr>
      <<\/td>menos que<\/td>&lt;<\/td>&#60;<\/td><\/tr>
      ><\/td>m\u00e1s que<\/td>&gt;<\/td>&#62;<\/td><\/tr>
      &<\/td>ampersand<\/td>&amp;<\/td>&#38;<\/td><\/tr>
      \u00ab<\/td>comillas dobles<\/td>&quot;<\/td>&#34;<\/td><\/tr>
      ‘<\/td>comillas simples<\/td>&apos;<\/td>&#39;<\/td><\/tr>
      \u00a2<\/td>c\u00e9ntimo<\/td>&cent;<\/td>&#162;<\/td><\/tr>
      \u00a3<\/td>pound<\/td>&pound;<\/td>&#163;<\/td><\/tr>
      \u00a5<\/td>yen<\/td>&yen;<\/td>&#165;<\/td><\/tr>
      \u20ac<\/td>euro<\/td>&euro;<\/td>&#8364;<\/td><\/tr>
      \u00a9<\/td>copyright<\/td>&copy;<\/td>&#169;<\/td><\/tr>
      \u00ae<\/td>marca registrada<\/td>&reg;<\/td>&#174;<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n
      Combinar marcas diacr\u00edticas<\/h2>\n\n\n\n
      Una marca diacr\u00edtica<\/strong> es un \u00abglifo\u00bb agregado a una letra. Algunas marcas diacr\u00edticas<\/strong>, como grave (\u0300) y aguda (\u0301) se llaman acentos<\/strong>. Los signos diacr\u00edticos pueden aparecer encima y debajo de una letra, dentro de una letra y entre dos letras. Los signos diacr\u00edticos se pueden usar en combinaci\u00f3n con caracteres alfanum\u00e9ricos para producir un car\u00e1cter que no est\u00e1 presente en el juego de caracteres (codificaci\u00f3n) que se usa en la p\u00e1gina. Aqu\u00ed hay unos ejemplos:<\/p>\n\n\n\n
      Marca<\/th>Car\u00e1cter<\/th>Constructor<\/th>Resultado<\/th><\/tr>
       \u0300<\/td>a<\/td>a&#768;<\/td>\u00e0<\/td><\/tr>
       \u0301<\/td>a<\/td>a&#769;<\/td>\u00e1<\/td><\/tr>
      \u0302<\/td>a<\/td>a&#770;<\/td>\u00e2<\/td><\/tr>
       \u0303<\/td>a<\/td>a&#771;<\/td>\u00e3<\/td><\/tr>
       \u0300<\/td>O<\/td>O&#768;<\/td>\u00d2<\/td><\/tr>
       \u0301<\/td>O<\/td>O&#769;<\/td>\u00d3<\/td><\/tr>
      \u0302<\/td>O<\/td>O&#770;<\/td>\u00d4<\/td><\/tr>
       \u0303<\/td>O<\/td>O&#771;<\/td>\u00d5<\/td><\/tr><\/tbody><\/table><\/figure>\n","protected":false},"excerpt":{"rendered":"
      Los caracteres reservados en HTML deben reemplazarse con entidades de caracteres. Entidades HTML Algunos caracteres est\u00e1n reservados en HTML. Si usa los…<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":41,"menu_order":46,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_uag_custom_page_level_css":"","footnotes":""},"class_list":["post-228","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 caracteres reservados en HTML deben reemplazarse con entidades de caracteres. Entidades HTML Algunos caracteres est\u00e1n reservados en HTML. Si usa los...","_links":{"self":[{"href":"https:\/\/sutilweb.eu\/index.php\/wp-json\/wp\/v2\/pages\/228","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=228"}],"version-history":[{"count":2,"href":"https:\/\/sutilweb.eu\/index.php\/wp-json\/wp\/v2\/pages\/228\/revisions"}],"predecessor-version":[{"id":230,"href":"https:\/\/sutilweb.eu\/index.php\/wp-json\/wp\/v2\/pages\/228\/revisions\/230"}],"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=228"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}