Embellece HTML con sangría consciente de los bloques o minifícalo. Se conserva el contenido de pre, textarea, script y style.
Cómo usar Formateador HTML
Pega tu HTML en el cuadro de entrada.
Elige Embellecer para sangrarlo o Minificar para comprimirlo.
Elige el tamaño de sangría y copia el resultado.
Es un formateador de HTML que embellece el marcado con una sangría consciente de los elementos de bloque y en línea, o lo minifica contrayendo el espacio en blanco y quitando los comentarios. Eliges el tamaño de sangría al embellecer.
Al embellecer se sangran los elementos según cómo se anidan, para que la estructura de un documento, qué elementos contienen a cuáles, se vea con claridad. Eso hace que el HTML escrito a mano o generado sea mucho más fácil de leer y depurar.
Tanto embellecer como minificar se ejecutan enteramente en tu navegador, así que tu marcado nunca sale de tu dispositivo.
Deja deliberadamente intacto el contenido de pre, textarea, script y style, porque el espacio en blanco dentro de esos elementos es significativo: reformatearlos cambiaría el texto preformateado, lo que los usuarios escriben, o el significado de tu código.
Minificar elimina los comentarios y contrae las secuencias de espacio en blanco, lo que recorta el tamaño del archivo que los navegadores tienen que descargar. Resulta más útil como paso de compilación para páginas de producción.
El minificador mantiene un único espacio entre etiquetas en lugar de eliminarlo por completo, porque el espacio en blanco entre elementos en línea sí se renderiza, y quitarlo puede desplazar tu diseño. Esta prudencia evita los sutiles fallos visuales que pueden causar los minificadores agresivos.
Preguntas frecuentes
Indenta los elementos según su anidamiento y estructura, dejando intacto el contenido de pre, textarea, script y style, ya que ahí el espacio en blanco es significativo.
Elimina los comentarios y colapsa las secuencias de espacios en blanco a un solo espacio. Mantiene espacios simples entre etiquetas en lugar de eliminarlos, porque el espacio en blanco entre elementos en línea se renderiza y quitarlo puede desplazar la maquetación.
No. Tanto embellecer como minificar se ejecutan totalmente en tu navegador, así que tu marcado nunca sale de tu dispositivo.
Está diseñado para que no lo haga. Al mantener espacios simples entre elementos en línea, evita los desplazamientos de maquetación que pueden ocurrir cuando se quita el espacio en blanco entre etiquetas de forma demasiado agresiva.
No. Da formato y minifica el marcado, pero no lo comprueba contra la especificación de HTML, así que lo reformateará aunque una etiqueta esté sin cerrar o mal usada.
Insertar esta herramienta
Añade esta herramienta a tu propio sitio web. Copia el fragmento de abajo. Se mantiene actualizado automáticamente.
<iframe src="https://monu.tools/embed/es/html-formatter" width="100%" height="640" style="border:1px solid #e5e5e5;border-radius:12px;max-width:680px" loading="lazy" title="Monu Tools"></iframe>Herramientas relacionadas
Embellece y formatea JavaScript con sangría y espaciado coherentes. Se ejecuta por completo en tu navegador.
Convierte CSV a un archivo Excel .xlsx y Excel de vuelta a CSV, por completo en tu navegador. Funciona en ambos sentidos.
Genera interfaces de TypeScript a partir de un ejemplo JSON, con tipos anidados, arrays y campos opcionales. Se ejecuta en tu navegador.
Convierte JSON a XML y XML de vuelta a JSON, en ambos sentidos, por completo en tu navegador.