Vuelve legible un documento HTML

Los desarrolladores usan Formateador HTML antes de una revisión de código, una sesión de depuración o una entrega a otra persona.

Vuelve legible un documento HTML, para facilitar la revisión, la edición y la depuración. Todo se hace gratis en el navegador, sin crear una cuenta.

Cómo usar

Pega o importa el documento HTML que quieres hacer más legible en el área de entrada.
Ejecuta la acción de formateo para obtener una versión indentada que separe con más claridad los bloques y los elementos anidados.
Examina el resultado y busca lugares donde la indentación revele una estructura inesperada o una etiqueta que parezca cerrada incorrectamente.
Copia el código formateado en tu editor y luego prueba la página antes de entregarla o compararla con otra versión.

Ejemplo

Un desarrollador podría pegar un archivo HTML compacto recibido de un colega, formatearlo y luego revisar secciones y anidamiento con más facilidad. El resultado se convierte en un punto de partida para una revisión o una corrección concreta.

Límites y formatos

La herramienta no valida el cumplimiento de HTML ni repara etiquetas sin cerrar o atributos no válidos.
El formateo añade espacios y saltos de línea, así que revisa las zonas donde estos cambios puedan importar, como los bloques preformateados.
No sustituye a un editor completo con control de versiones, ejecución de pruebas y análisis avanzado de sintaxis.

Dónde se procesa

El formateo se ejecuta localmente en tu navegador. El documento que importas o pegas permanece en tu dispositivo y no se envía a ningún servicio externo.

Preguntas frecuentes

¿Para qué sirve un formateador HTML?

Reorganiza la indentación y los saltos de línea para que un documento sea más fácil de leer. Esto ayuda durante una revisión, una sesión de depuración o al retomar código.

¿Puedo formatear CSS o JavaScript?

El área de importación acepta varios formatos relacionados con la web, incluidos HTML, CSS, JavaScript, JSON, SQL y otros archivos de texto. El resultado depende del contenido y de lo que necesites inspeccionar.

¿El resultado coincidirá con el renderizado de la página?

No necesariamente. El formateo cambia principalmente la presentación del código fuente. El renderizado del navegador puede seguir siendo el mismo si la estructura HTML y los estilos siguen siendo correctos.