ES

Formatear HTML

Convierte HTML desordenado o minificado en un marcado limpio y con sangría. Los elementos de bloque van en su propia línea, el contenido corto en línea se mantiene unido y el CSS y JavaScript incrustados también se formatean.

Gratis y privado. Todo funciona en tu navegador y no se sube nada.

Cómo funciona

  1. Pega tu HTMLPega el código, escríbelo o abre un archivo. Pulsa Ejemplo para ver cómo funciona.
  2. Revisa el resultadoEl resultado aparece a la derecha mientras escribes. Los errores se muestran con la línea y la columna.
  3. Copia o descargaCopia el HTML con un clic o descárgalo como archivo.

Un formato que respeta el HTML

No todas las etiquetas merecen su propia línea. Los enlaces, las negritas y las imágenes dentro de un párrafo siguen el hilo del texto, mientras que los div, las listas y las tablas se sangran como bloques. Las etiquetas de cierre opcionales, como li y td, se entienden, así que las páginas escritas sin ellas se formatean correctamente.

El contenido de pre y textarea nunca se toca, porque ahí los espacios se ven en la página.

Sobre HTML

HTML describe la estructura de las páginas web. El formateador sabe qué etiquetas son de bloque y cuáles en línea, deja el contenido de pre y textarea tal como está y también da formato a los scripts y estilos de la página.

Preguntas frecuentes

¿Formatear cambiará el aspecto de mi página?

En casi todos los casos, no. Los espacios entre elementos de bloque no se ven en HTML. El texto dentro de pre y textarea se conserva tal como está escrito.

¿Mi código se sube a algún sitio?

No. El formateo y la minificación se hacen en tu navegador. Tu código no se envía a nuestros servidores.

¿Minificar cambia el nombre de mis variables?

No. Minificar solo quita comentarios, saltos de línea y espacios. Los nombres siguen siendo legibles y el código funciona exactamente igual, así que es seguro para cualquier archivo.

¿Por qué se conservan algunos saltos de línea en el JavaScript minificado?

JavaScript interpreta algunos saltos de línea como el final de una instrucción. Cuando quitar uno podría cambiar lo que hace el código, se conserva.

¿Puedo formatear JSON aquí?

JSON tiene su propia herramienta, con vista de árbol y validación. Usa la página de herramientas JSON que aparece más abajo.

¿Funciona sin conexión?

Sí. Después de abrir la página una vez, sigue funcionando sin conexión a internet.