Este formateador se centra en una estructura fácil de leer. Coloca los elementos anidados en el nivel correcto y mantiene visibles los atributos, comentarios, declaraciones y el contenido de texto. No elimina comentarios ni comprime bytes, por lo que no sustituye a un minificador HTML. El código se procesa de forma local y nunca se sube.
Formateador HTML gratis
Funciona del todo en tu navegador: sin subir nada y sin registro.
HTML
HTML formateado
Pega HTML para formatearlo
¿Qué hace un formateador HTML?
Un formateador HTML convierte código comprimido o con sangrías irregulares en HTML legible y bien organizado. Pega un documento o fragmento, elige dos espacios, cuatro espacios o tabuladores y copia el resultado. El formateador entiende los elementos vacíos de HTML5, las etiquetas de cierre opcionales más habituales y el contenido sin procesar de script y style. Todo ocurre en el navegador.
Cómo se usa
- 1Pega el HTML. Añade un documento HTML completo, una plantilla o un fragmento al editor de entrada, o carga el ejemplo.
- 2Elige la sangría. Selecciona dos espacios, cuatro espacios o tabuladores. El resultado formateado se actualiza al instante.
- 3Comprueba la estructura. Revisa el número de elementos, atributos y niveles de profundidad, y después recorre el resultado con sangría.
- 4Copia el resultado. Copia el HTML formateado y pégalo en tu editor, CMS o revisión de código.
Para quién es
- Desarrolladores frontend que necesitan ordenar una plantilla compacta antes de depurar un problema de anidamiento o revisar un diff.
- Desarrolladores de email que quieren leer mejor el marcado exportado de una newsletter sin enviar el HTML privado de la campaña a un servidor.
- Editores de CMS que desenredan un componente o fragmento de página copiado antes de cambiar clases, enlaces o contenido.
- Estudiantes que quieren ver la relación entre elementos padre e hijo en un documento HTML real mediante una sangría uniforme.
Preguntas frecuentes
¿Este formateador HTML es gratis?
Sí. El formateador HTML es gratis y no exige registro ni descarga, tampoco impone límites de uso. Pega un documento o fragmento HTML, elige el tipo de sangría y copia el resultado desde el navegador.
¿Mi HTML se sube a algún sitio?
No. El formato se aplica localmente en el navegador. El HTML que pegas no se envía a un servidor, así que puedes usar la herramienta con plantillas internas, páginas aún no publicadas, marcado de email y fragmentos que contengan URL o identificadores privados.
¿Cuánto HTML puedo formatear?
No hay un límite fijo del servidor porque no se sube nada. Los documentos muy grandes dependen del navegador y de la memoria del dispositivo, pero las páginas, componentes, plantillas de email y fragmentos de código habituales deberían formatearse al instante.
¿El formateador admite etiquetas sin cierre?
Sí. Reconoce elementos vacíos de HTML5 como img, br, input, meta y link, que nunca necesitan etiqueta de cierre. También interpreta los cierres opcionales habituales de elementos de lista, párrafos, opciones, filas y celdas de tabla para calcular bien la sangría.
¿Cambia el contenido de script y style?
El formateador trata el contenido de script y style como texto sin procesar. Así no confunde operadores de comparación, selectores CSS ni cadenas con signos de menor que con etiquetas HTML. Ajusta la sangría del bloque, pero no reescribe el JavaScript ni el CSS.
¿La herramienta valida o repara HTML no válido?
No. Es un formateador, no un validador de estándares ni un servicio de reparación automática. Indica comentarios, declaraciones, etiquetas y elementos de texto sin procesar que estén claramente sin cerrar, pero admite las etiquetas de cierre opcionales de HTML. Usa Nu HTML Checker si necesitas validar la conformidad.
¿Qué diferencia hay entre un formateador y un minificador HTML?
Un formateador añade saltos de línea y sangría para que el marcado resulte fácil de leer y editar. Un minificador elimina espacios opcionales y puede borrar comentarios para reducir el tamaño de transferencia. Esta página solo formatea HTML y conserva visibles tanto el formato como los comentarios.