Codificador de entidades HTML

PorOleh Soloninactualizado el 25 de septiembre de 2026

Resultado

Codificado: Más grande & más pequeño</p&gt…

Resultado

Más grande & más pequeño

Caracteres sustituidos

& < > "

Longitud

45 caracteres pasan a 71

Con números en vez de nombres

Más grande & más pequeño

Cálculo

& → &, < → <, > → >, " → ". De 45 caracteres se pasa a 71. El ampersand se sustituye primero; si no, destruiría las entidades recién creadas.

Aviso

Estas cinco sustituciones protegen el texto HTML y los atributos entrecomillados; no bastan en JavaScript, CSS, manejadores de eventos ni URL sin validar. El ampersand tiene que ir primero.

El resultado es orientativo y no sustituye a una asesoría profesional.

Convertir caracteres especiales en entidades HTML y al revés.

En HTML hay cinco caracteres con significado propio: menor que, mayor que, el ampersand y las dos comillas. Quien quiera mostrarlos como texto tiene que sustituirlos por entidades, o el navegador leerá marcado donde había contenido.

Sustituir el ampersand en primer lugar es lo decisivo. Si se deja para el final, destroza las entidades recién creadas, porque todas empiezan precisamente por él.

Cómo usar la calculadora

Pegue el texto y elija si se convierte a entidades o se resuelven las que ya hay.
El alcance decide: para texto HTML y atributos entrecomillados bastan los cinco caracteres críticos, y con UTF-8 los acentos no hacen falta.
La salida «como números» muestra la misma conversión con entidades numéricas, que no necesitan lista de nombres; como todas las entidades, solo se interpretan en el HTML, no dentro de un script o una hoja de estilo.

Los cinco caracteres que importan

En HTML hay cinco caracteres con significado propio: el ampersand abre toda entidad, los ángulos delimitan elementos y las dos comillas cierran valores de atributo. Si no se sustituyen, una entrada de usuario puede escaparse de un atributo e inyectar su propio marcado, que es el camino clásico al cross-site scripting.

El orden no da igual. El ampersand tiene que ir primero, o la segunda pasada destruye las entidades recién creadas: < se convertiría en &lt;. Al resolverlas, el orden es justo el inverso.

La comilla simple no tiene nombre en HTML 4, así que la calculadora usa allí la forma numérica. ' existe desde HTML 5 y las cadenas de procesamiento antiguas no lo reconocen.
Carácter	Entidad con nombre	Numérica	Por qué se sustituye
&	&	&	abre toda entidad
<	<	<	abre un elemento
>	>	>	cierra un elemento
"	"	"	delimita valores de atributo
'	'	'	delimita atributos con comilla simple

En qué se convierte un ejemplo

En el ejemplo por defecto, 45 caracteres pasan a 71: se sustituyen cuatro caracteres distintos y la comilla aparece dos veces. Los acentos se quedan como están, porque en HTML no tienen significado especial.

Con la opción «además acentos y diéresis», también la ß y la é pasan a entidades. Con UTF-8 eso sobra y solo hace el código menos legible: solo tiene sentido si alguna etapa intermedia no transmite bien el juego de caracteres.

Todas las filas salen de la calculadora de esta página. Las dos primeras coinciden en ambas opciones, porque no tienen acentos ni diéresis.
Entrada	Solo los críticos	Además acentos
5 < 6 & 7 > 6	5 < 6 & 7 > 6	5 < 6 & 7 > 6
O'Brien	O'Brien	O'Brien
Straße & Café	Straße & Café	Straße & Café

Por qué esto no es cosmética

Los caracteres sin sustituir procedentes de lo que escribe un usuario son la vía clásica del cross-site scripting: quien envía un comentario con un elemento de script lo ejecuta en el navegador de todos los demás si la salida no se escapa.

Por eso todos los sistemas de plantillas al uso escapan por defecto, y desactivar ese escapado es una decisión consciente que hay que justificar. Esta página sirve para entender y comprobar; el escapado en sí va en el código, no a mano.

Nombres o números

Muchos caracteres tienen entidad con nombre, como ñ para la ñ, y siempre la forma numérica ñ o en hexadecimal ñ. Los números funcionan con cualquier carácter Unicode; los nombres, solo con los aproximadamente 2 200 que recoge el estándar.

En HTML moderno con UTF-8, las tildes y las eñes no necesitan entidad ninguna: se escriben directamente. Solo hacen falta para los cinco caracteres críticos y para los invisibles, como el espacio duro.

Fuentes

Cifras vigentes en 2026. Los resultados son orientativos y no sustituyen el asesoramiento profesional.

Preguntas frecuentes

¿Hay que escribir las tildes como entidades?

No, siempre que la página use UTF-8, y hoy lo hace prácticamente cualquiera. Las entidades no estropean nada, pero vuelven ilegible el código fuente. Solo son necesarias cuando la codificación del archivo no está clara.

¿Qué es exactamente  ?

Un espacio duro: el navegador no parte la línea ahí y no junta varios en uno. Va bien entre una cifra y su unidad, para que «5 kg» no acabe repartido en dos renglones.

¿Bastan de verdad esos cinco caracteres?

Para texto entre elementos y para valores de atributo entrecomillados, sí. No basta en otros contextos: dentro de JavaScript, en un manejador como onclick, en un atributo style o en un atributo sin comillas rigen otras reglas, y un enlace en href necesita además comprobar el protocolo, porque javascript: pasa intacto. Ahí no sirve una tabla de entidades, sino una codificación acorde al contexto.

¿Entidades con nombre o numéricas?

Son equivalentes. Las de nombre se leen mejor y las numéricas no necesitan lista de nombres, así que funcionan también donde solo se conocen las de HTML 4. La calculadora da las dos versiones para poder elegir.

¿Con UTF-8 hay que seguir sustituyendo los acentos?

No. Con charset=utf-8, cualquier navegador entiende á, é, ñ o ü directamente; las entidades solo alargan el código y dificultan buscar en él. Solo hacen falta si algún paso intermedio no transmite el juego de caracteres de forma fiable, como una plantilla de correo antigua.

¿Por qué se sustituye primero el ampersand?

Porque toda entidad empieza por él. Si primero el menor pasara a < y después el ampersand a &, quedaría &lt;, y la página mostraría el texto «<» en lugar de un signo menor. Al resolver, la calculadora invierte por eso el orden.

Enlaces útiles

Desarrollo y web Todas las calculadoras

Codificador de entidades HTML

Resultado

También te puede servir

Codificador de URL

Conversor Base64

Tamaño de un texto en bytes

Inspector de caracteres Unicode

Convertir Markdown a HTML

Analizador de parámetros de URL

Enlaces útiles