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

Entidades HTML

Algunos caracteres están reservados en HTML. Si usa los signos menor que (<) o mayor que (>) en su texto, el navegador podría 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;

O

&#entity_number;

Para mostrar un signo menor que (<) 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.

Non-breaking Space

Una entidad de uso común en HTML es el espacio de no separación: &nbsp; Un espacio que no se rompe es un espacio que no se dividirá en una nueva línea. Dos palabras separadas por un espacio de no separación se mantendrán juntas (no se dividirán en una nueva línea). Esto es útil cuando romper las palabras puede ser perturbador.

Ejemplos:

  • § 10
  • 10 km/h
  • 22:00

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

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

Sugerencia: El guión de no separación (&#8209;) se usa para definir un carácter de guión (‑) que no se divide en una nueva línea.

Algunas entidades de caracteres HTML útiles

Result Description Entity Name Entity Number
  non-breaking space &nbsp; &#160;
< menos que &lt; &#60;
> más que &gt; &#62;
& ampersand &amp; &#38;
" comillas dobles &quot; &#34;
' comillas simples &apos; &#39;
¢ céntimo &cent; &#162;
£ pound &pound; &#163;
¥ yen &yen; &#165;
euro &euro; &#8364;
© copyright &copy; &#169;
® marca registrada &reg; &#174;

Combinar 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. Los signos diacríticos pueden aparecer encima y debajo de una letra, dentro de una letra y entre dos letras. Los signos diacríticos se pueden usar en combinación con caracteres alfanuméricos para producir un carácter que no está presente en el juego de caracteres (codificación) que se usa 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;