Formateador HTML
Convierte HTML minificado o en una línea en marcado limpio e indentado: embellecedor simple y fiable para emails, plantillas y páginas guardadas.
Esta herramienta funciona por completo en tu navegador. Tus datos nunca salen de tu dispositivo y no se suben a ningún servidor.
Cómo usarlo
- 1Pega tu HTML en el cuadro de entrada.
- 2El resultado indentado aparece en vivo mientras escribes.
- 3Copia el marcado formateado o borra la entrada para dar formato a otro fragmento.
Formateador HTML
Pega HTML amontonado y recupera al instante un marcado legible y con indentación consistente. Los elementos vacíos como img y br no rompen la indentación, las etiquetas con cierre automático como li y p se tratan con sensatez, y el contenido de pre, textarea, script y style se conserva intacto.
Un formateador deliberadamente simple: sin reordenar, sin reescribir atributos, sin sorpresas — solo espacios y saltos de línea para que la estructura se entienda de un vistazo.
Preguntas frecuentes
¿El formateo cambia cómo se renderiza mi HTML?
No: solo inserta espacios y saltos entre etiquetas. El contenido de pre, textarea, script y style se conserva exactamente, porque allí el espacio en blanco importa.
¿Cómo maneja etiquetas sin cerrar como li o p?
Conoce los elementos de cierre automático comunes: un li nuevo cierra al anterior, y la etiqueta de cierre de un antepasado cierra todos los hijos abiertos, así que listas y párrafos se indentan como esperas.
¿El HTML se envía a un servidor?
Nunca. El formateador es un tokenizador JavaScript local: tu marcado se queda en tu navegador.
Herramientas relacionadas
Minificador HTML
Minifica HTML en tu navegador: elimina comentarios y colapsa espacios para reducir el peso de la página, sin romper tu marcado ni el renderizado.
Todas las herramientas →
Formateador XML
Embellece XML en línea con indentación de 2 espacios: sitemaps, RSS, SOAP y archivos de configuración vuelven a ser legibles, sin salir del navegador.
Todas las herramientas →
Minificador CSS
Minifica CSS en línea: elimina comentarios y espacios innecesarios para aligerar tus hojas de estilo y cargar más rápido. Instantáneo, privado y sin cambios en tus reglas.
Todas las herramientas →
Vista previa Markdown
Previsualiza Markdown como HTML limpio y saneado mientras escribes: encabezados, listas, tablas, código y enlaces al instante. Ideal para READMEs y docs.
Todas las herramientas →
Insertar esta herramienta
Pon esta herramienta en tu sitio con una línea: se ejecuta en el navegador del visitante.
<iframe src="https://zoyku.com/es/tools/html-formatter?embed=1" width="100%" height="640" style="border:0;border-radius:16px" title="Zoyku — html-formatter" loading="lazy"></iframe>