Cómo usarlo
- Pega tu HTML, abre un archivo
.htmlo empieza con el ejemplo: una página apretada en una sola línea. - Elige 2 espacios, 4 espacios o tabulaciones. El HTML formateado aparece mientras escribes.
- Cópialo, descárgalo o pulsa Publicar esta página para ponerlo en línea.
Qué cambia y qué no
Formatear solo añade y quita espacios entre etiquetas: cada elemento de bloque empieza en su propia línea, sangrado según su profundidad. El texto, los atributos y el contenido de <pre> y <textarea> se quedan tal cual, así que la página se ve igual antes y después. Las líneas en blanco que dejaste entre secciones se conservan (hasta dos seguidas), y el contenido de <script> y <style> también se sangra.
Cuándo ayuda
- Para leer el código de una página que construyó otra persona, o una plantilla minificada.
- Para ordenar el HTML que escribió un asistente de IA antes de editarlo.
- Para que un diff sea legible: formatea antes las dos versiones de la misma forma.
Preguntas frecuentes
¿Formatear cambia cómo se ve mi página?
En los elementos de bloque, no. Entre elementos en línea, como dos enlaces juntos, cualquier espacio se muestra como un solo espacio, y el formateador mantiene en la misma línea los elementos en línea que estaban uno junto al otro.
¿Arregla HTML roto?
No: sangra lo que hay. Para ver cómo lo lee un navegador, ábrelo en el Visor HTML.
¿Qué formateador usa?
js-beautify, un formateador de código abierto muy utilizado, que se ejecuta en tu navegador.
¿Se sube mi HTML?
No. El formateo se hace en tu navegador. Solo se envía a Lobsite si pulsas Publicar esta página.