EN
PT
ES
Codificador y Decodificador de Entidades HTML
Convierte caracteres en entidades HTML — nombradas, decimales o hex, todos los especiales o solo los cinco peligrosos. Round-trip seguro.
¿Qué son las entidades HTML?
Las entidades HTML son las secuencias de escape que permiten poner caracteres con significado especial para HTML — <, >, &, ", ' — dentro de un documento sin que el parser los interprete como marcado. Vienen en tres sabores: nombradas (&), numéricas decimales (&) y numéricas hex (&). Las tres se decodifican igual en los navegadores; la diferencia es la legibilidad en el código fuente.
Cómo usar la herramienta
Elige Codificar para escapar texto antes de pegarlo en HTML, o Decodificar para revertir entidades a sus caracteres originales. Selecciona Nombrada para una salida legible (©), Decimal o Hex para entornos legacy que no reconocen nombradas. Pon Alcance en cinco peligrosos para escape HTML estándar; cámbialo a todos no-ASCII si el destino solo acepta ASCII, como motores antiguos de plantillas de email. El botón Intercambiar invierte los lados codificado y decodificado para que hagas round-trip y confirmes que nada se perdió.
Nombrada vs. numérica — ¿cuál elegir?
Las entidades nombradas se leen mejor en el código — © le dice al siguiente desarrollador que es el símbolo de copyright; © no. También son un poco más compactas para caracteres comunes. Las numéricas, en cambio, son universales: cada codepoint Unicode tiene una, mientras que la tabla de nombradas está fija en las 252 que trae HTML5. Usa nombradas para los cinco comunes más algunos favoritos tipográficos (—, …, ©); recurre a la numérica cuando topes con un carácter sin nombre canónico.
Los cinco caracteres que siempre se escapan
| Carácter | Nombrada | Decimal | Hex | Cuándo usar |
|---|---|---|---|---|
< | < | < | < | Siempre en contenido de elemento; si no, el parser cree que arranca un tag. |
> | > | > | > | Menos crítico, pero escápalo por simetría y para evitar quirks de navegadores antiguos. |
& | & | & | & | Siempre — comienza toda entidad, dejarlo crudo confunde al parser. |
" | " | " | " | Dentro de valores de atributo con comillas dobles. |
' | ' | ' | ' | Dentro de valores de atributo con comillas simples. Usa la entidad numérica en HTML4 — ' recién es estándar en HTML5. |
Preguntas frecuentes
¿Tengo que codificar todos los caracteres?
&, <, >, ", '. El modo todos no-ASCII existe para sistemas legacy que no manejan UTF-8 bien.¿Las entidades HTML son lo mismo que URL encoding?
%20 para espacio) es para URLs; las entidades HTML (&) son para HTML. Son mecanismos de escape distintos en capas distintas. Dentro de un href puede que necesites ambos: percent-encode la URL y luego HTML-encode el ampersand si está en un atributo.¿' funciona en HTML4?
' entró como entidad nombrada estándar en HTML5; las versiones anteriores la definían solo en XML. Para máxima portabilidad en contextos legacy, usa la forma numérica '.¿Qué maneja el modo Decodificar?
&, hex &) y todo el set de entidades nombradas de HTML5 — más de 2.200 nombres. Decodificar es un superconjunto estricto del codificador.¿La herramienta envía mi texto a algún lado?
¿En qué se diferencia de encodeURIComponent de JavaScript?
encodeURIComponent hace percent-encoding para URLs (café queda como caf%C3%A9). La codificación de entidad HTML produce café o café. Usa la correcta según el contexto — y nuestro analizador de URL si necesitas inspeccionar URL encoding.