Cómo usar: Codificar entidades HTML
- Elige Codificar para escapar el texto para HTML, o Decodificar para convertir las entidades de nuevo en caracteres.
- Pega tu texto: el resultado se actualiza mientras escribes.
- Al codificar, elige qué caracteres convertir (solo los especiales de HTML, o también tildes, símbolos y emoji) y el formato de entidad: con nombre, decimal o hexadecimal.
- Haz clic en Copiar. Usa Intercambiar para pasar el resultado de nuevo por la dirección contraria.
¿Qué son las entidades HTML?
Las entidades HTML son secuencias de escape que representan caracteres que, de otro modo, se interpretarían como marcado o que son difíciles de escribir. Empiezan por & y terminan en ;, y existen en tres formas: con nombre (©), decimal (©) y hexadecimal (©); las tres muestran ©. Codificar es esencial siempre que muestres en una página web texto introducido por usuarios o fragmentos de código: sin ello, <script> en un comentario se ejecutaría en lugar de mostrarse.
Los cinco caracteres que debes escapar
| Carácter | Entidad | Motivo |
|---|---|---|
& | & | Inicia cada entidad |
< | < | Inicia una etiqueta |
> | > | Cierra una etiqueta |
" | " | Cierra un valor de atributo entre comillas dobles |
' | ' | Cierra un valor de atributo entre comillas simples (' no está definida en HTML 4) |
En el contenido de texto normal basta con escapar & y <; dentro de los valores de atributo también hay que escapar las comillas. La opción «Solo caracteres especiales de HTML» hace exactamente esto y deja el resto legible: la opción adecuada para páginas en UTF-8, que hoy son casi todas.
¿Sigues necesitando entidades para tildes y símbolos?
Si tu página se sirve en UTF-8 (<meta charset="utf-8">), puedes escribir é, € o emoji directamente. Codificar todos los caracteres no ASCII sigue siendo útil cuando el contenido pasa por sistemas que no son compatibles con UTF-8: CMS antiguos, algunas plantillas de correo, feeds XML o archivos de código con una codificación desconocida. Las entidades con nombre existen solo para un conjunto limitado (Latin-1, letras griegas, símbolos matemáticos y tipográficos habituales); para el resto, como los emoji, se usan referencias numéricas: 😀 → 😀.
Entidades útiles que conviene conocer
| Entidad | Resultado | Uso |
|---|---|---|
| (espacio de no ruptura) | Mantener “10 kg” en la misma línea |
­ | (guion blando) | Punto de guionado opcional en palabras largas |
— / – | — / – | Guiones |
… | … | Puntos suspensivos |
“ ” | “ ” | Comillas tipográficas |
€ © ™ | € © ™ | Símbolos |
Cómo funciona la decodificación
El decodificador reconoce las 2.231 referencias de caracteres con nombre definidas en el Estándar Vivo de HTML, además de las referencias decimales y hexadecimales. Sigue las reglas de los navegadores en los casos límite: – se convierte en un guion medio (asignación de Windows-1252) y los puntos de código no válidos pasan a �. Los nombres de entidad distinguen mayúsculas y minúsculas: É es É y é es é. Para URLs usa mejor el codificador de URL, y para datos binarios, Base64. ¿Quieres convertir HTML en texto legible? Prueba HTML a Markdown.
También se busca como: escapar html, desescapar html, entidades html, codificar html, decodificar html, caracteres especiales html, nbsp html, html escape.
Herramientas que combinan con: Codificar entidades HTML
- Formateador HTML — Pega HTML minificado o desordenado y obtén HTML limpio y con sangría coherente, incluidos los bloques <style> y <script> incrustados.
- Markdown a HTML — Escribe o pega Markdown y obtén HTML limpio al instante, con vista previa saneada en vivo, tablas GFM, listas de tareas y bloques de código delimitados.
- Traductor de código Morse — Escribe texto para obtener el código Morse, o pega puntos y rayas para descifrarlos; después, escúchalo, mira cómo parpadea y descárgate el audio.
- Convertidor de texto a binario — Escribe texto para verlo en código binario, o pega código binario (o hexadecimal, octal o decimal) para volver a convertirlo en texto legible.
Preguntas frecuentes
¿Qué caracteres hay que escapar en HTML?
& y < en el contenido de texto, además de " (y ' si usas comillas simples) dentro de los valores de atributo. Escapar > no es estrictamente necesario, pero es la convención habitual.¿Escapar HTML evita los ataques XSS?
<script>, manejadores de eventos en línea, CSS o URLs href="javascript:…", que requieren un tratamiento específico según el contexto.¿Cuál es la diferencia entre &nbsp; y un espacio normal?
seguidos no se colapsan en uno, como sí ocurre con los espacios normales.¿Debo usar entidades con nombre o numéricas?
é, son más fáciles de leer; las numéricas funcionan con cualquier carácter Unicode y en XML, que solo predefine & < > " '.