Resumen
El escapado de HTML transforma caracteres con significado especial en HTML en sus entidades equivalentes, como < en < y & en &. Así el navegador muestra el texto tal cual en lugar de interpretarlo como etiquetas o atributos. Es útil cuando el contenido incluye corchetes angulares, ampersands, comillas o apóstrofos y debe mantenerse como texto. También ayuda al pegar fragmentos sin procesar en documentación, plantillas o archivos HTML, donde un marcado accidental podría alterar la estructura de la página.
Casos de uso
- Mostrar un fragmento de código como textoPresenta HTML o plantillas en documentación sin que el navegador las convierta en elementos reales.
- Preparar contenido de usuarios para salida HTMLInserta nombres, comentarios o respuestas en HTML conservando los caracteres especiales como texto visible.
- Crear fragmentos de plantilla segurosGuarda trozos con corchetes y ampersands sin riesgo de que se conviertan en marcado al pegarlos.
- Publicar notas técnicas con símbolos literalesMantén legibles comparaciones, operadores y citas dentro de páginas y bases de conocimiento.
Como funciona
- 1
Escribe o pega el texto que quieres escapar.
- 2
La herramienta convierte caracteres reservados como <, >, &, ", y ' en entidades HTML.
- 3
Copia el resultado y úsalo donde el texto deba mostrarse literalmente dentro de HTML.
Ejemplos
Escapado de una etiqueta simple
Entrada: <p>Tom & Jerry</p>
Salida: <p>Tom & Jerry</p>
Los corchetes angulares y el ampersand se convierten en entidades para mostrarse literalmente.
Texto con comillas
Entrada: Ella escribió: "Usa la versión 'segura'."
Salida: Ella escribió: "Usa la versión 'segura'."
Las comillas y apóstrofos se escapan para insertarlos con más seguridad en HTML.
Comparación con operadores
Entrada: if (a < b && b > 10)
Salida: if (a < b && b > 10)
Los signos de comparación y los ampersands permanecen como texto legible en vez de marcado HTML.
FAQ
¿Qué caracteres convierte normalmente el escapado de HTML?
Suele convertir <, >, &, comillas y apóstrofos. Son los caracteres que HTML puede interpretar como sintaxis en lugar de texto normal.
¿Escapar cambia el sentido del texto?
No cambia el contenido visible, pero sí la forma en que lo interpreta el navegador. Por ejemplo, < se muestra como < y sigue siendo seguro en el código HTML.
¿Por qué escapar las comillas si no uso atributos?
Porque el texto suele reutilizarse en distintos contextos, incluidos atributos y plantillas. Escaparlas antes reduce errores al mover el contenido.
¿Se puede escapar el HTML varias veces?
Sí, pero el doble escape produce entidades visibles como &lt;. Si el resultado parece duplicado, el texto se escapó más de una vez.
¿Cuál es el error más común al usar esta herramienta?
Confundir texto escapado con HTML real. El resultado con entidades está pensado para mostrarse como texto, no para crear elementos o atributos.