concepto HTML vigente

Entidades HTML

Texto y contenido

Secuencias de caracteres que representan caracteres reservados o especiales en HTML. Permiten mostrar <, >, & y otros caracteres sin que el navegador los confunda con código.

Las entidades HTML (también llamadas character references) son secuencias de texto que representan caracteres con significado especial en el código HTML, o caracteres que no están disponibles fácilmente en el teclado. Existen porque ciertos caracteres — <, >, & — son parte de la sintaxis de HTML: si los escribís directamente en el contenido, el navegador los interpreta como código, no como texto. Las entidades los escapan para que se muestren como texto visible.

Cómo funciona

Una entidad HTML tiene tres partes: ampersand (&) + nombre o número + punto y coma (;). La forma general es:

&nombre;    ← named character reference
&#número;   ← decimal numeric reference
&#xhex;     ← hexadecimal numeric reference

El navegador reemplaza la entidad por el carácter correspondiente antes de mostrarlo en pantalla.

código fuente lo que ve el usuario &lt; → < menor que &gt; → > mayor que &amp; → & ampersand &nbsp; → espacio sin ruptura &copy; → © y otras entidades nombradas

Las entidades esenciales

&lt; — menor que (<)

Obligatoria cuando querés mostrar < como texto. Sin ella, el navegador lo interpreta como el inicio de una etiqueta HTML.

<!-- ❌ el navegador interpreta <p> como etiqueta -->
<p>Escribí <p> para crear un párrafo.</p>

<!-- ✅ correcto: &lt; y &gt; muestran los corchetes como texto -->
<p>Escribí &lt;p&gt; para crear un párrafo.</p>

&gt; — mayor que (>)

Técnicamente menos crítico que &lt; (el navegador suele tolerar > como texto), pero es obligatorio en HTML estrictamente válido y es buena práctica consistente.

&amp; — ampersand (&)

Obligatoria cuando querés mostrar & literal. Si el texto que sigue al & coincide con el nombre de una entidad conocida, el navegador la interpreta:

<!-- Sin &amp;: el navegador interpreta &copy; como © -->
<p>La entity &copy; produce el símbolo del copyright.</p>

<!-- Con &amp;: el & queda como texto -->
<p>La entity &amp;copy; produce el símbolo del copyright.</p>

&nbsp; — espacio sin ruptura (non-breaking space)

Un espacio que el navegador nunca parte entre dos líneas. Útil para evitar que dos palabras que deben ir juntas queden en líneas distintas:

<p>Llamá al Dr.&nbsp;García para más información.</p>
<!-- "Dr. García" nunca se separa entre líneas -->

También evita que el navegador colapse múltiples espacios seguidos en uno solo (el HTML colapsa espacios blancos normales).

&copy; — símbolo de copyright (©)

<p>&copy; 2026 Mi empresa. Todos los derechos reservados.</p>

Referencias numéricas

Cualquier carácter Unicode se puede escribir con su código decimal o hexadecimal:

&#60;    ← decimal de <   (igual que &lt;)
&#x3C;   ← hexadecimal de <
&#169;   ← decimal de ©   (igual que &copy;)
&#x00A9; ← hexadecimal de ©

Las referencias numéricas son más universales (funcionan aunque el parser no conozca el nombre), pero menos legibles. En la práctica se usan para caracteres especiales que no tienen nombre conocido.

Cuándo usarlas

Carácter¿Cuándo escapar?
<Siempre que aparezca como texto (nunca como etiqueta)
>Siempre (obligatorio en HTML válido)
&Siempre que no sea el inicio de una entidad intencional
" en atributosSolo dentro de atributos delimitados por " (usar &quot;)
Caracteres acentuados (á, é, ñ)No es necesario en archivos UTF-8 — se escriben directamente

Notas, gotchas e interacción

  • El punto y coma final es obligatorio. &lt sin el ; puede no interpretarse correctamente en todos los parsers. La especificación lo requiere; no lo omitas.
  • Los navegadores modernos son tolerantes. Un < sin escapar dentro de texto a veces se muestra bien, pero el comportamiento es indefinido y puede diferir en lectores de pantalla, scrapers y validadores. Escapá siempre.
  • UTF-8 elimina la necesidad de entidades para la mayoría de caracteres. En archivos con <meta charset="UTF-8"> (estándar actual), podés escribir á, é, ñ, ü, €, © directamente sin entidades. Las únicas obligatorias son <, > y &.
  • La lista completa es enorme. La especificación de HTML define más de 2000 named character references (&euro;, &trade;, &hellip;, etc.). Para el día a día, con las cuatro esenciales alcanza.
  • &nbsp; no es solo espacio. Además de no romperse entre líneas, &nbsp; es un espacio que no se colapsa con otros espacios y tiene un ancho ligeramente diferente al espacio normal en algunas fuentes. Usalo solo cuando el no-salto de línea sea necesario, no para agregar espacio visual — para eso usá CSS (margin, padding).

Vigente / legacy

Las entidades HTML son parte de la especificación desde los inicios del HTML y están completamente vigentes. No hay forma legacy. La sintaxis numérica (&#60;) y la nombrada (&lt;) coexisten; las nombradas son preferibles por legibilidad.