Formatear HTML (indentar y embellecer)
Formatea e indenta código HTML desordenado o minificado en línea: cada etiqueta en su nivel, con el CSS y el JavaScript de dentro de la página formateados también, sangría de 2 o 4 espacios o tabulación y corte de líneas largas.
Cómo usarPega tu HTML.
Formatear HTML (indentar y embellecer): para qué sirve
El HTML minificado o copiado de otro lugar suele venir en una sola línea, sin sangría, difícil de leer y de editar. Pega el código y cada etiqueta pasa a su nivel, con el contenido de las etiquetas style y script formateado también.
Elige sangría de 2 o 4 espacios o tabulación, corte de líneas largas en 100 o 120 columnas, sangría de head y body y si se conservan las líneas en blanco del original. Elementos como pre y textarea se mantienen tal cual.
Cómo usar
- Pega el HTML.
- Elige la sangría y las opciones.
- Copia o descarga el resultado.
Cuándo usar
- Leer el código fuente de una página.
- Ordenar una plantilla antes de editarla.
- Revisar HTML generado por otro sistema.
Preguntas frecuentes
¿Formatear cambia el funcionamiento de la página?
No. El formato solo agrega saltos de línea y sangrías entre las etiquetas. Los elementos que muestran el espacio tal cual, como pre y textarea, se conservan sin cambios.
¿El CSS y el JavaScript dentro del HTML también se formatean?
Sí. El contenido de las etiquetas style y script se formatea con las mismas reglas de sangría.
¿Es gratis de verdad?
Sí, 100% gratis. Sin registro, sin suscripción y sin límite de uso. Todas las herramientas de Tools123 son gratuitas.