Entidades HTML

En HTML los caracteres especiales deben ser remplazados por entidades HTML.

Los caracteres que no se encuentran en el teclado también pueden ser remplazados por entidades HTML.

Algunos caracteres son reservados en HTML.

Si usamos los caracteres "menor que" (<) o "mayor que" (>) en el texto, el Navegador Web podría considerarlos etiquetas.

Las entidades para caracteres HTML son usadas para mostrar caracteres reservados en HTML.

La sintaxis de una entidad HTML por nombre, es la siguiente: &nombre_entidad;

La sintaxis de una entidad HTMl por número, es la siguiente: &#número_de_entidad;

Para mostrar el caracter "menor que" (<) debemos escribir: &lt; ó &#60;

La ventaja de usar el nombre de entidad es; que es más fácil de recordar. La desventaja es; que los Navegadores Web no soportan todos los nombres de entidades HTML. Los números de entidad son soportados por la mayoría de los Navegadores Web.

No romper el espacio = &nbsp;

Es muy común en HTML utilizar la entidad de caracter para "no romper un espacio" con la entidad &nbsp;, esta entidad HTML deja un espacio en blanco sin romper el espacio o saltar a una nueva línea. Cuando dos palabras son separadas por la entidad &nbsp; estas se mantendran juntas y no se romperan en una nueva línea. Esto es útil cuando se desea que no no se rompa la línea de texto.

Ejemplos:

  • $ 10
  • 10 Km/h
  • 10 PM

Otro uso cumún del "no romper el espacio" es para prevenir que los Navegadores Web pasen por alto varios espacios seguidos al mostrar el HTML, dado que mostrarán solo uno por defecto. Si escribimos 10 espacios en un texto, el Navegador Web removerá 9 de ellos mostrando solo uno. Para forzar a que aparezcan todos los espacios se utiliza &nbsp; por cada espacio que queremos que se muestre en la pantalla del Navegador.

Otra opción es utlizar la entidad HTML para un guión medio &#8209; que mostrara (-) y también evitara que se rompan las palabras entre las que se usa.

Algunas entidades HTML comunes

Resultado Descripción Nombre Entidad Número Entidad
  no romper espacio &nbsp; &#160;
< menor que &lt; &#60;
> mayor que &gt; &#62;
& ampersand &amp; &#38;
" comillas (doble comilla) &quot; &#34;
' apóstrofo (comilla simple) &apos; &#39;
¢ centavo &cent; &#162;
£ libra &pound; &#163;
¥ yen &yen; &#165;
euro &euro; &#8364;
© copyright &copy; &#169;
® marca registrada &reg; &#174;

Combinando signos diacríticos

Marca Caracter Construcción Resultado
̀ a a&#768;
́ a a&#769; 
̂ a a&#770;
̃ a a&#771;