¿Algo va mal con esta herramienta?
Sobre «Formateador HTML En Línea»
Esta herramienta reformatea el código fuente HTML para mejorar la legibilidad. Reindenta etiquetas anidadas, rompe líneas largas, normaliza el espaciado dentro de atributos y produce salida fácil de leer y editar. Un modo de minificación opcional elimina espacios para la menor salida posible.
Útil al inspeccionar el código de una página de producción (donde todo está minificado en una sola línea), al preparar HTML para una revisión de código, al producir salida consistente entre tu equipo, o al generar HTML minificado para despliegue.
El formateador entiende los elementos void de HTML5 (br, img, input, etc.), preserva tal cual el contenido de <pre>, <script> y <textarea>, y trata los elementos inline distinto de los de bloque para mantener intacto el flujo de palabras.
Cómo usar esta herramienta
Cómo embellecer HTML minificado o desordenado
Pega el HTML
Pon HTML minificado o escrito a mano pero caótico en el campo «HTML». Documentos completos (con `<!doctype>`) y fragmentos están bien.
Ejecutar
Resultado: un único campo `formatted`. Indentación de 2 espacios, una etiqueta por línea en los cortes estructurales. Los elementos inline se mantienen en una línea si están junto a texto — `<p>Hi <strong>there</strong></p>` no se vuelve tres líneas.
Lo que se preserva
Los atributos quedan en la misma línea que la etiqueta de apertura — sin wrap aun con muchos atributos. Comentarios (`<!-- … -->`), contenido de `<script>`, `<style>`, `<pre>` pasan tal cual para no corromper JS ni texto sensible a espacios.
Round-trip
Formatea para revisar y minifica antes de desplegar. El formateador es tolerante con HTML inválido — una etiqueta no cerrada en la entrada puede cerrarse antes de lo esperado en la salida. Si la entrada es sospechosa, valida después con el W3C.