Formateador de HTML
Pega HTML sin indentar, minificado o mal formado y obtén una versión legible con indentación consistente. El formateo se hace analizando el HTML con el parser nativo del navegador y recorriendo el árbol resultante, sin depender de ninguna librería externa.
Cómo funciona
- Pega o escribe tu HTML en el panel de entrada.
- El navegador analiza el HTML con su parser nativo (DOMParser), que es tolerante con etiquetas mal cerradas o HTML incompleto.
- Un serializador propio recorre el árbol resultante y genera una versión indentada, respetando las reglas de cada tipo de elemento.
- El contenido de pre, textarea, script y style se preserva tal cual, sin reindentarlo, porque en esos elementos los espacios y saltos de línea son significativos.
- Copia el resultado o descárgalo como archivo .html.
Casos de uso
- Formatear HTML minificado obtenido del código fuente de una página para poder leerlo.
- Ordenar el HTML generado por herramientas automáticas o exportado desde editores visuales.
- Revisar la estructura de plantillas HTML antes de integrarlas en un proyecto.
- Depurar HTML mal formado (etiquetas sin cerrar) viendo cómo lo interpreta el navegador.