Formateador HTML
Pega HTML para embellecerlo con sangría coherente, o cambia al modo de minificación para reducir espacios y comentarios a una sola línea. Elige 2 espacios, 4 espacios o tabulaciones. Los bloques de código dentro de <pre>, <script>, <style> y <textarea> permanecen intactos para que nada se rompa. Compara el tamaño de entrada y salida para ver cuánto has ahorrado.
Tu HTML se procesa en tu navegador y no se sube a ningún servidor.
Cómo usar este formateador html
- Elige Formatear (embellecer) o Minificar.
- Para Formatear, elige la sangría: 2 espacios, 4 espacios o tabulación.
- Pega tu HTML — la salida aparece debajo con una comparación de tamaño.
- Copia la salida o descárgala como archivo .html.
Preguntas frecuentes
¿Se conserva el contenido de <pre>, <script> y <style>?
Sí. El contenido dentro de pre, script, style y textarea se trata como texto sin formato y no se vuelve a sangrar ni a reducir, por lo que los bloques de código permanecen inalterados.
¿Qué elimina la minificación?
Todos los comentarios HTML y los espacios innecesarios entre etiquetas. Se conserva un único espacio entre el texto y las etiquetas en línea para que la representación en el navegador no cambie.
¿Corrige HTML no válido?
No. El formateador respeta la estructura proporcionada. Si tu HTML no es válido (etiquetas sin cerrar, etc.), la salida también puede no serlo; corrige primero el marcado.
¿Por qué mi HTML formateado se ve diferente al de Prettier?
Cada formateador tiene sus propios criterios: dónde cortar listas largas de atributos, si los corchetes de cierre van en línea propia, cómo tratar los elementos en línea dentro de elementos de bloque. Esta herramienta busca una legibilidad compacta; Prettier prefiere un salto de línea más amplio a los 80 caracteres. Elige un formateador por proyecto y configúralo una vez: mezclarlos garantiza diffs de Git ruidosos.
¿El formateador rompe mis plantillas Vue / Svelte / JSX?
Probablemente sí. Es un formateador HTML, no una herramienta consciente de frameworks. Las etiquetas <template> de Vue parecen HTML, pero el formateador reordenará los atributos de directiva (v-if, :class) de una forma que hará quejarse a tu linter. JSX no es HTML en absoluto: usa Prettier o el formateador oficial de tu framework para los archivos de componentes. Esta herramienta es segura para archivos .html puros, plantillas de correo y HTML exportado desde un CMS.