Caracteres Especiales HTML

¿Qué es  ?

  es la entidad HTML para un espacio de no separación (non-breaking space) — un carácter de espacio que evita que el navegador inserte un salto de línea en esa posición. Se ve idéntico a un espacio normal, pero mantiene las palabras a cada lado juntas en la misma línea sin importar qué tan angosto sea el viewport.

Usos comunes: mantener un número y su unidad juntos (10 km), evitar que un nombre se corte al final de línea (Sr. Pérez), o agregar relleno visual en celdas de tabla. La entidad con nombre es   y su equivalente numérico es  .

Cuándo no usar   para espaciado: si quieres espaciado de diseño o layout, usa CSS (padding, margin o gap) en su lugar. Usar muchas entidades   seguidas para sangrar o alinear contenido es una señal de que el CSS debería estar haciendo ese trabajo.

Cómo agregar un espacio en HTML

Hay varias formas de agregar espacio en HTML, cada una con un propósito distinto:

Cuándo usar entidades HTML

Entidades con nombre vs. numéricas

Las entidades con nombre como © son más fáciles de leer y recordar. Las entidades numéricas expresan el punto de código Unicode en decimal (©) o hexadecimal (©). Las tres producen la misma salida: ©. Las entidades con nombre están soportadas por todos los navegadores para símbolos HTML estándar — la lista completa está definida por la tabla de referencias de caracteres con nombre del estándar WHATWG HTML; las entidades numéricas funcionan para cualquier referencia de carácter Unicode.

¿Todavía necesitas entidades en documentos UTF-8?

Si tu archivo HTML está guardado como UTF-8 (el predeterminado para páginas web modernas), la mayoría de los caracteres especiales se pueden escribir o pegar directamente. Solo necesitas escapar los cinco caracteres HTML reservados (< > & " '). Las entidades siguen siendo útiles en sistemas de plantillas y en cualquier lugar donde se construyan cadenas HTML programáticamente a partir de ASCII plano.

Preguntas frecuentes

¿Qué significa &nbsp;?

&nbsp; significa espacio de no separación (non-breaking space). Inserta un carácter de espacio (Unicode U+00A0) que el navegador trata de forma distinta a un espacio normal — no colapsa múltiples instancias y el navegador no cortará una línea en ese espacio. Es la entidad HTML que más se busca.

¿Qué es &amp; en HTML?

&amp; es la entidad HTML para el carácter ampersand &. Como & es el carácter con el que empiezan todas las entidades HTML, cualquier ampersand literal en contenido HTML debe escribirse como &amp; para evitar que se interprete por error como el inicio de una secuencia de entidad.

¿Cómo escribo el símbolo de copyright en HTML?

Usa &copy; o su equivalente numérico &#169;. Ambos se renderizan como ©. En un documento UTF-8 también puedes pegar el carácter © directamente — los navegadores modernos lo manejan correctamente de cualquier forma.

¿Cuál es la diferencia entre &nbsp; y un espacio normal?

Un espacio normal es una oportunidad de corte de línea — el navegador puede cortar una línea ahí. &nbsp; es un espacio de no separación — el navegador mantiene las palabras unidas a través de ese espacio sin importar qué tan angosto sea el contenedor. Un espacio normal también colapsa (varios espacios se convierten en uno); &nbsp; no colapsa.