Las entidades HTML más utilizadas y por qué necesitás conocerlas

Cuando escribimos código HTML, hay ciertos caracteres que el navegador interpreta como parte del lenguaje. Por ejemplo, el símbolo < marca el inicio de una etiqueta, por lo que si querés mostrarlo como texto, tenés que “escaparlo”. Para eso existen las entidades HTML, pequeños códigos que representan caracteres especiales sin romper el documento.

A continuación tenés un recorrido por las entidades más usadas, explicado de manera simple y práctica.

Mostrar signos de comparación < y >

Los símbolos menor que y mayor que son esenciales en HTML porque definen etiquetas. Si querés mostrarlos como texto en pantalla, necesitás reemplazarlos por su entidad:

&lt; muestra el símbolo <

&gt; muestra el símbolo >

Estas dos entidades son probablemente las más importantes, ya que sin ellas no podrías escribir ejemplos de código dentro de un post, tutorial o documento técnico.

Mostrar el símbolo ampersand &

El ampersand también es un carácter especial en HTML, ya que se usa para iniciar cualquier entidad. Por eso, si necesitás mostrarlo tal cual, debés escribirlo con su equivalente:

&amp; muestra el símbolo &

Cada vez que uses un ampersand en un contexto textual, recordá escaparlo, especialmente en atributos de URL o al escribir código en ejemplos.

Mostrar comillas en diferentes contextos

Las comillas dobles y simples también cuentan con entidades, aunque no siempre es obligatorio usarlas. Sin embargo, son muy útiles cuando necesitás incluir textos con comillas dentro de atributos HTML:

&quot; muestra comillas dobles "

&apos; muestra comillas simples '

Estas entidades ayudan a evitar errores cuando anidás comillas dentro de otras.

Mostrar espacios que no se colapsen

HTML ignora múltiples espacios consecutivos, pero si necesitás que se mantenga uno extra (por diseño o formato), podés usar:

&nbsp; que representa un espacio en blanco no separable

Es ideal para evitar saltos de línea indeseados o para dar formato específico sin recurrir a estilos complejos.

Mostrar símbolos especiales en textos técnicos

Si escribís sobre tecnología, matemáticas o programación, probablemente necesites representar otros caracteres que también tienen sus propias entidades:

&copy; para mostrar ©

&reg; para mostrar ®

&euro; para mostrar €

&cent; para ¢

&yen; para ¥

&pound; para £

Estas entidades garantizan que el símbolo se muestre correctamente en cualquier navegador, sin depender de codificaciones particulares.

Mostrar símbolos de código y operadores

Cuando compartís ejemplos de programación, también puede servir que aparezcan ciertos caracteres de forma segura:

&equals; para el signo igual =

&plus; para +

&minus; para −

&divide; para ÷

&times; para ×

Aunque no siempre son imprescindibles, te permiten mayor precisión al escribir contenido matemático.

¿Por qué usar entidades HTML?

Las entidades garantizan tres cosas fundamentales:

Compatibilidad: el carácter se verá igual en todos los navegadores.

Seguridad: evitás romper etiquetas o la estructura del HTML.

Claridad: el texto se interpreta exactamente como vos querés que aparezca.

Si escribís tutoriales, documentación o artículos para la web, dominar las entidades HTML más comunes es esencial. No solo hacen que tu contenido sea más legible, sino que además evitan errores que pueden convertirse en dolores de cabeza.