Codificador / decodificador de entidades HTML gratis
Codificar o decodificar entidades HTML para una visualización segura en páginas y correos electrónicos.
Cargando herramienta…
Cómo codificar caracteres HTML especiales como entidades
Codifica amperands, corchetes angulares y comillas para texto HTML, o decodifica las entidades básicas correspondientes en caracteres legibles.
- Elige codificar o decodificar primero.
- Pegar o escribir Entrada para actualizar Resultado.
- Revisa ampersands, paréntesis y comillas en la salida.
- Copiar el resultado en el contexto que lo necesita.
Cuando necesita entidades HTML
Los escritores de tutoriales y documentación a menudo necesitan mostrar código en una página web. Si pegas una etiqueta como una etiqueta de párrafo directamente en HTML, el navegador la trata como marcado en lugar de mostrarla. La codificación convierte los corchetes angulares en entidades para que el código aparezca como texto.
Editores de plantillas de correo electrónico, autores de blogs y equipos de soporte golpearon el mismo problema con ampersands y citas en títulos, atributos y fragmentos. La decodificación ayuda en sentido inverso, cuando copia texto de un archivo fuente o fuente y está lleno de códigos como < en lugar de símbolos legibles.
Un ejemplo práctico
Elige codificar y escribir esta entrada: <a href="x">Tom & Jerry's</a>. El resultado es <a href="x">Tom & Jerry's</a>.
Cada carácter especial se intercambia por su entidad. El signo menos que se convierte en <, el signo más que se convierte en >, la cita doble se convierte en ", el ampersand se convierte en & y el apóstrofe se convierte en la entidad numérica '. Las letras, los números, los espacios y las pausas de línea permanecen exactamente como estaban.
Cambia para decodificar y pegar la línea codificada de nuevo, y obtendrá el texto original de nuevo. Ese viaje de ida y vuelta es una manera práctica de comprobar su salida.
Cómo funciona la conversión
El codificador maneja los cinco caracteres que más importan en el texto HTML y los valores de atributo: ampersand, menos que, mayor que, doble cita y apóstrofe. Estos son los caracteres que pueden terminar un atributo, abrir una etiqueta o iniciar otra entidad. Todo lo demás, incluyendo letras acentuadas y emojis, pasa sin cambios, lo que está bien en una página UTF-8.
El decodificador invierte esas mismas cinco entidades solamente. Entidades nombradas como © o , otros códigos numéricos como ©, y el formulario ' se quedan como están. El resultado se actualiza a medida que escribe, y el botón Copiar lo coloca en el portapapeles.
Errores comunes a evitar
Codificación de texto que ya está codificado crea doble escape. Por ejemplo, & se convierte en &amp;, y los lectores ven el código en bruto en la página. Codificar una vez, en el punto donde el texto se coloca en HTML.
No usa entidades HTML dentro de una URL, una cadena JavaScript o un valor CSS y espera la misma protección. Cada contexto tiene tus propias reglas de escape. La codificación de entidades tampoco hace segura la entrada no confiable por sí sola, por lo que las aplicaciones todavía necesitan una desinfección adecuada.
Consejos útiles y limitaciones
- Esto maneja amp, lt, gt, quot y apóstrofes numéricos.
- Escapar de texto HTML difiere de la fuga de JavaScript, CSS y URL.
- Al escribir una muestra de código en un blog, codifica todo el fragmento antes de envolverlo en un pre o elemento de código.
- Si solo necesita escapar de un valor de atributo, codificar las comillas y los ampersands es la parte que evita los atributos rotos.
Preguntas frecuentes
¿La codificación de entidades cifra texto?
No. Representa caracteres usando notación HTML legible.
¿La decodificación cubre cada entidad HTML?
No. Esta aplicación se ocupa de las entidades básicas que figuran en la lista.
¿Es un desinfectante HTML completo?
No. Las aplicaciones necesitan una sanación adecuada y un escape consciente del contexto para el contenido no confiable.
¿Qué caracteres cambia el codificador?
Sólo cinco: el amperand, menos que el signo, mayor que el signo, doble cita y apóstrofe. Todos los demás caracteres se mantienen como tecleados.
¿Por qué el apóstrofe está codificado como número?
La herramienta utiliza ' porque ese formulario numérico funciona en todas las versiones de HTML, mientras que el formulario ' no formaba parte de los estándares HTML más antiguos.
¿La codificación cambia las letras acentuadas o los emojis?
No. Los caracteres como é o emoji se dejan sin cambios, lo que es correcto para las páginas guardadas y servidas como UTF-8.
Su entrada se procesa en tu navegador sin una cuenta ToolWorld Online. Copia o descarga cualquier cosa que quieras guardar antes de salir de la página.
Lee nuestra política de privacidad · Acerca de ToolWorld Online