~/tools / HTML Formatter
HTML Formatter
Formatea HTML con indentación. Se analiza usando el DOMParser nativo del navegador, así que el resultado refleja cómo lo interpretaría un navegador real.
Útil cuando necesitas entender un HTML minificado/en una línea, o limpiar la salida de un motor de plantillas. Como se analiza con el mismo motor que usa un navegador real, incluso el HTML ligeramente roto se interpreta razonablemente.
# Casos de uso
- Inspeccionar la salida HTML minificada de un motor de plantillas o de un framework SSR
- Entender la estructura de un HTML comprimido
- Comprobar cómo interpretará un navegador un HTML con una etiqueta de cierre faltante
# Cómo usarlo
- Pega el HTML que quieres formatear en el área de texto.
- Haz clic en "Format" para verlo con una indentación legible.
# FAQ
- ¿Maneja HTML roto (etiquetas de cierre faltantes, etc.)?
- Sí. A diferencia de XML, el parser HTML del navegador no lanza errores — hace lo posible por interpretar el marcado. El resultado puede no coincidir siempre con tu intención, así que revísalo.
- ¿Reformatea el contenido de <script> o <style>?
- No — el JavaScript/CSS dentro de esas etiquetas se muestra como texto plano, sin modificar.
# Relacionados
# Aprende en nuestros sitios hermanos
- Learn HTML/CSS
Learn by running it in your browser — prodou.net