Referencia de Entidades HTML

Una entidad HTML es una cadena que comienza con & y termina con ; usada para representar caracteres que están reservados en HTML o que no se pueden escribir directamente. Las más importantes son: &amp; para &, &lt; para <, &gt; para >, &quot; para " y &apos; para '. Sin estas, un < en el contenido se interpretaría como el inicio de una etiqueta.

Debe escapar <, >, & y " en atributos y contenido HTML. En un valor de atributo entre comillas dobles: &amp;, &lt;, &gt;, &quot;. En el contenido de un elemento: &amp;, &lt;, &gt;. Si usa atributos entre comillas simples: también &apos;. Los frameworks modernos como React manejan esto automáticamente — JSX escapa el contenido de cadenas. Use HTML sin formato (dangerouslySetInnerHTML) solo cuando controle completamente el contenido.

Las entidades con nombre usan un nombre legible: &copy; (©), &trade; (™), &euro; (€). Las entidades numéricas usan un punto de código Unicode decimal (&#169;) o hexadecimal (&#xA9;). Las entidades con nombre solo existen para un subconjunto de caracteres Unicode — para los demás, use referencias numéricas. Las tres formas son equivalentes: &copy; = &#169; = &#xA9; = ©.

No — las entidades HTML son sintaxis HTML. Dentro de una etiqueta <script> o un archivo JavaScript, use escapes de cadenas JavaScript (\n, \t, \u00A9) en lugar de entidades HTML. Las entidades HTML solo son relevantes en el contexto de documentos HTML: valores de atributos, nodos de texto y atributos data- accedidos via innerHTML. Usar &amp; dentro de código JavaScript es un error común que produce cadenas incorrectas.

&nbsp; (&#160;) es el espacio de no separación — un carácter de espacio que impide saltos de línea en esa posición y no se colapsa con los espacios adyacentes. HTML colapsa múltiples caracteres de espacio en uno, pero &nbsp; se conserva. Úselo para unidades (100&nbsp;km), entre iniciales (J.&nbsp;Smith) o para forzar un espaciado mínimo. Evite usarlo en exceso para el diseño — use CSS en su lugar.