Entidades HTML

html entidades

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

Rutas relacionadas

Web Dev (Frontend)

Anterior
javascript

¿Cómo conseguir información de formularios?

2 mins
Siguiente
html

Cómo seccionar una lista de opciones

1 min