Codificador / decodificador de entidades HTML
Escapa texto para usarlo de forma segura en HTML o convierte entidades como é y 😀 de nuevo en caracteres. Elige qué caracteres codificar y si usar entidades con nombre, decimales o hexadecimales.
Última actualización:
Referencia de entidades HTML
| Car. | Nombre | Decimal | Hex | Descripción |
|---|
Haz clic en una fila para copiar su entidad con nombre. Todo funciona en tu navegador.
Cómo usar Codificador / decodificador de entidades HTML
- Elige Codificar o Decodificar con las pestañas de arriba.
- Pega tu texto en el cuadro de entrada. El resultado aparece al instante a la derecha.
- Al codificar, elige qué codificar: solo los caracteres HTML reservados, todos los caracteres no ASCII o todo, y elige entidades con nombre, decimales o hexadecimales.
- Pulsa Intercambiar para pasar la salida a la entrada y cambiar de dirección, por ejemplo para comprobar el proceso de ida y vuelta.
- Copia el resultado, o busca en la tabla de referencia de entidades de abajo y haz clic en una fila para copiar una entidad.
Los cinco caracteres que siempre debes escapar
| Carácter | Entidad | Numérica | Por qué |
|---|---|---|---|
| & | & | & | Inicia todas las entidades, así que un & suelto puede malinterpretarse |
| < | < | < | Inicia una etiqueta |
| > | > | > | Cierra una etiqueta; escaparlo hace que la salida no sea ambigua |
| " | " | " | Cierra un valor de atributo entre comillas dobles |
| ' | ' (o ') | ' | Cierra un valor de atributo entre comillas simples |
Ejemplo: el texto Tom & Jerry <3 colocado en una página debe escribirse como Tom & Jerry <3. De lo contrario, el navegador ve el inicio de una etiqueta y el resto de la línea puede desaparecer.
Explicación de los modos de codificación
- Solo reservados es lo que necesitas para páginas web y plantillas en UTF-8: hace que el texto sea seguro dentro de HTML y mantiene legibles é, € y los emojis.
- Reservados + todo lo no ASCII convierte en entidad todo carácter por encima del punto de código 127. Úsalo en sistemas que solo aceptan ASCII simple, como algunas plantillas de email, bases de datos antiguas o archivos fuente con una codificación desconocida.
- Todo codifica todos los caracteres, letras incluidas. Hace que el texto sea ilegible en el código fuente, algo que a veces se usa para ocultar direcciones de email a los rastreadores simples.
Cómo funcionan las referencias numéricas
Una referencia numérica de carácter es el punto de código Unicode del carácter. El signo del euro es U+20AC, que es 8364 en decimal, así que puede escribirse como €, € o por su nombre como €. Los emojis tienen puntos de código superiores a 65,535: 😀 es U+1F600 y se escribe 😀 o 😀.
Por razones históricas, los navegadores tratan las referencias de 128 a 159 como caracteres de Windows-1252, así que – muestra un guion corto (–) y € un signo del euro. El decodificador sigue la misma regla, y las referencias no válidas como � o los sustitutos sueltos se convierten en el carácter de reemplazo �.
Preguntas frecuentes
¿Qué son las entidades HTML?
Las entidades HTML son códigos que representan caracteres. Empiezan con un ampersand y terminan con punto y coma, como < para <, © para © o é para é. Permiten mostrar caracteres que tienen un significado especial en HTML o que son difíciles de escribir.
¿Qué caracteres hay que escapar en HTML?
Escapa siempre & como & y < como <. Por seguridad, escapa también > como >. Dentro de los valores de atributo, escapa además la comilla que uses: " como " y ' como '. En páginas UTF-8, otros caracteres como é o € pueden escribirse directamente.
¿Qué diferencia hay entre las entidades con nombre, decimales y hexadecimales?
Producen el mismo carácter. Una entidad con nombre usa un nombre fácil de recordar (é), una referencia decimal usa el punto de código Unicode en base 10 (é) y una referencia hexadecimal lo usa en base 16 (é). Las referencias numéricas funcionan con cualquier carácter, mientras que los nombres solo existen para algunos.
¿Basta con escapar el HTML para evitar el XSS?
Escapar &, <, >, " y ' es la defensa correcta para el texto colocado entre etiquetas y dentro de atributos entre comillas. No basta en otros contextos como el código JavaScript, el CSS o las URL de los atributos href, que necesitan su propia codificación y validación.
¿Por qué ' no funciona en todas partes?
' se definió en XML y XHTML pero no en HTML 4, así que los navegadores muy antiguos y algunos clientes de correo no lo reconocen. ' funciona en todas partes, por eso este codificador lo usa por defecto.
¿Cómo decodifico un texto codificado dos veces?
El texto codificado dos veces se ve así: &lt;p&gt;. Marca Decodificar repetidamente y el decodificador seguirá decodificando hasta que no queden entidades, así recuperarás <p>.
¿Cómo se codifican los emojis?
Los emojis y otros caracteres fuera del plano multilingüe básico se codifican como una sola referencia numérica con su punto de código completo; por ejemplo, 😀 se convierte en 😀 o 😀, no en dos mitades sustitutas.
¿Se prueban todas las herramientas de FreeToolCabin para comprobar su calidad y precisión?
Sí. Cada herramienta del sitio pasa pruebas automáticas en navegadores reales para comprobar que el resultado es correcto y que no hay errores. Si encuentras un fallo o tienes una sugerencia, escríbenos a [email protected] y lo revisaremos.