Pega HTML, suelta un archivo o
Acerca de esta herramienta
Un formateador de HTML (o embellecedor) toma un marcado minificado o con indentación inconsistente y lo reescribe con una indentación y saltos de línea limpios y predecibles, para que sea fácil de leer, comparar (diff) y editar. No cambia lo que la página muestra — solo la disposición del código fuente.
Pega HTML, pulsa Formatear y copia el marcado limpio con un clic — la búsqueda, deshacer y rehacer vienen integrados. O cambia al minificador de HTML para hacer lo contrario. Todo se ejecuta localmente en tu navegador.
El formateo ocurre localmente — tu marcado nunca sale de tu navegador.
Preguntas frecuentes
¿El formateo cambia el aspecto de la página?
No. El embellecimiento solo añade espacios en blanco y saltos de línea al código fuente para mejorar la legibilidad; el DOM analizado y el resultado renderizado son idénticos.
¿Qué indentación usa el formateador?
Dos espacios por nivel de anidación — una convención fija y muy extendida que mantiene la salida coherente y los diffs pequeños.
¿Cómo minifico en su lugar?
Usa el minificador de HTML, que elimina los espacios en blanco y los comentarios para reducir el archivo. Las dos herramientas están enlazadas entre sí.