Entidades HTML

html entidades

Tiempo de lectura:

Publicado:

Cuando usamos HTML puede que se nos presente un escenario donde tenemos que utilizar caracteres como < o > dentro del contenido.

Si intentamos poner estos (y algunos otros símbolos) puede que provoquen errores en el navegador, ya que son símbolos usados para la creación de etiquetas (<nombre>) y otros comportamientos específicos de HTML.

<p><Nada por aquí></p>
Visualización

En estos casos debemos utilizar una alternativa para colocar este tipo de caracteres a los que llamamos entidades.

Hay dos formas en las cuales podemos usarlas

Entidades por nombre

La sintaxis se ve de la siguiente manera: &nombre;.

Para el caso de < podemos usar &lt; donde lt viene de less than (en inglés) o menor que (en español).

Para el caso de > podemos usar &gt donde gt viene de greater than (en inglés) o mayor que (en español).

<p>&lt;Nada por aquí&gt;</p>
Visualización

Sólo algunos caracteres pueden ser usados mediante su nombre, para el resto debemos usar el segundo método.

Entidades por número

La sintaxis se ve de la siguiente manera: &#número;. Todas las entidades tienen un número correspondiente.

Para el caso de < podemos usar &#60;.

Para el caso de > podemos usar &#62;.

<p>&#60;Nada por aquí&#62;</p>
Visualización

De esta manera el contenido puede ser mostrado correctamente.

Existen listas donde podemos ver los respectivos nombres y números de cada entidad que podemos utilizar, como la que encontramos en FreeFormatter1

Notas

  1. Lista de entidades (sólo inglés)

Comentarios