Referencia de caracteres HTML

Escribir © y preguntarse si realmente renderiza el glifo ©, o buscar la entidad para el guion corto (en dash), un espacio no separable, o una letra griega, desperdicia minutos cada vez. Esta referencia buscable lista cada entidad nombrada y numérica de HTML definida por el estándar HTML de WHATWG, con búsqueda instantánea y copia con un toque.

Cómo encontrar una entidad HTML

  1. 1

    Buscar por nombre o carácter

    Escribe `copy`, `©`, `8212`, o `em dash`, todos coinciden con la misma entidad.

  2. 2

    Elegir de la cuadrícula

    Cada entidad muestra su forma nombrada, código decimal y código hexadecimal.

  3. 3

    Copiar con un toque

    Toca para copiar el carácter, la entidad nombrada o la entidad numérica.

  4. 4

    Filtrar por categoría

    Restringir por moneda, matemáticas, flechas, suplementos latinos, griego o puntuación.

Tres formas de escribir el mismo carácter

HTML te permite escribir un carácter especial de tres maneras. Elige la que mejor se lea y que esté garantizada para renderizar.

Las tres formas

Carácter Entidad nombrada Numérico decimal Numérico hexadecimal
© © © ©
® ® ® ®
™ ™ ™
€ € €
- — — —
– – –
… … …
       
< &lt; &#60; &#x3C;
> &gt; &#62; &#x3E;
& &amp; &#38; &#x26;
&quot; &#34; &#x22;

Cuándo usar cada forma

  • Entidades nombradas son legibles en el código fuente (&mdash; es obviamente un guion em) pero solo existen alrededor de 250 entidades nombradas, cualquier cosa exótica necesita forma numérica.
  • Numérico decimal funciona para cada punto de código Unicode; úsalo cuando conozcas el decimal (a menudo de una tarjeta de referencia).
  • Numérico hexadecimal coincide con la notación que usa Unicode (U+2014). Convierte U+NNNN prefijando con &#x.

Caracteres que deben ser escapados

Estos cinco caracteres rompen HTML si se dejan en bruto en el contenido:

  • <, escapa como &lt; o datos de carácter dentro de <pre>.
  • >, escapa como &gt; (solo requerido dentro de atributos).
  • &, escapa como &amp; en cada contexto.
  • ", escapa como &quot; dentro de valores de atributos.
  • ', escapa como &#39; o &apos; dentro de atributos entre comillas simples.

Todo lo demás es opcional en UTF-8 HTML5, el carácter Unicode en bruto es legal.

Preguntas frecuentes

Sí, porque el carácter es invisible en el código fuente. Usar &nbsp; se autodocumenta, otro desarrollador que lea tu código ve inmediatamente tu intención de evitar un salto de línea ahí.

No, &apos; está definido en XML y HTML5 pero no en HTML4. Usa &#39; si necesitas el apóstrofo en un documento HTML4 estrictamente conforme, aunque todos los navegadores modernos renderizan ambos correctamente de todos modos.

U+0020 es un espacio normal por el que los navegadores pueden partir líneas. U+00A0 (espacio no separable, &nbsp;) previene un salto de línea y no se colapsa con el espacio en blanco adyacente. Úsalo para “10 km” para que el valor y la unidad se mantengan juntos.

Los emoji tienen puntos de código Unicode y pueden escribirse como entidades numéricas (&#128512; = 😀), pero en archivos HTML modernos en UTF-8 simplemente pegas el emoji directamente. La forma de entidad solo es útil para correos electrónicos o sistemas con límites de codificación.

Herramientas relacionadas