Entidades HTML

Los caracteres reservados en HTML deben reemplazarse con entidades de caracteres.

Entidades HTML

Algunos caracteres están reservados en HTML.

Si usas los signos menor que (<) o mayor que (>) en tu texto, el navegador puede mezclarlos con etiquetas.

Las entidades de caracteres se utilizan para mostrar caracteres reservados en HTML.

Una entidad de carácter se ve así:

&entity_name;

OR

&#entity_number;

Para mostrar el signo “<” debemos escribir &lt; o &#60.

Ventaja de usar un nombre de entidad: el nombre de una entidad es fácil de recordar.
Desventaja de usar un nombre de entidad: es posible que los navegadores no admitan todos los nombres de entidad, pero la compatibilidad con los números de entidad es buena.

Espacio irrompible

Una entidad comúnmente usada en HTML es el espacio irrompible, &nbsp;

Un espacio que no se rompe es un espacio que no se rompe en una nueva línea.

Dos palabras separadas por un espacio que no se separa se pegarán juntas (no se romperán en una nueva línea). Esto es útil cuando romper las palabras puede ser perjudicial.

Ejm

  • § 10
  • 10 km/h
  • 10 PM

Otro uso común del espacio no divisible es evitar que los navegadores trunquen espacios en las páginas HTML.

Si escribes 10 espacios en su texto, el navegador eliminará 9 de ellos. Para agregar espacios reales a tu texto, puede usar el carácter entidad &nbsp;

Caracteres más usados

Resultado Descripcóin Nombre entidad Número de entidad
Espacio irrompible &nbsp; &#160;
< menos que &lt; &#60;
> más que &gt; &#62;
& ampersand &amp; &#38;
comillas dobles &quot; &#34;
comillas simples o apóstrofe &apos; &#39;
¢ céntimo &cent; &#162;
£ libra &pound; &#163;
¥ yen &yen; &#165;
euro &euro; &#8364;
© copyright &copy; &#169;
® marca registrada &reg; &#174;

Ojo: los nombres de entidad son case sensitive

Combinando marcas diacríticas

Una marca diacrítica es un “glifo” agregado a una letra. Algunas marcas diacríticas, como grave (´) y aguda (`) se llaman acentos.

Las marcas diacríticas pueden aparecer tanto arriba como debajo de una letra, dentro de una letra y entre dos letras.

Las marcas diacríticas se pueden utilizar en combinación con caracteres alfanuméricos para producir un carácter que no está presente en el conjunto de caracteres (codificación) utilizado en la página.

Aquí hay unos ejemplos:

Marca Carácter Constructor Resultado
 ̀ a a&#768; à
 ́ a a&#769; á
̂ a a&#770; â
 ̃ a a&#771; ã
 ̀ O O&#768; Ò
 ́ O O&#769; Ó
̂ O O&#770; Ô
 ̃ O O&#771; Õ