Formateador HTML
Formatea y organiza código HTML con sangría configurable o compacta el marcado reduciendo espacios y comentarios.
Ejecutar herramienta
Este formateador HTML procesa código web para mejorar su legibilidad mediante sangría estructurada o para generar una variante compacta. Puedes pegar fragmentos de marcado o documentos completos de hasta un millón de bytes en codificación UTF-8. En el modo de formateo visual predeterminado, el sistema organiza las etiquetas anidadas aplicando una sangría de cero a ocho espacios, con dos espacios como valor inicial. Si seleccionas la opción de compactación, el proceso elimina comentarios habituales, conserva únicamente comentarios condicionales que comienzan por corchete e if, reduce los espacios repetidos y suprime los espacios exteriores entre etiquetas contiguas. Si el texto introducido está vacío o solo contiene espacios en blanco, la respuesta devuelve una salida vacía sin errores. Cuando el contenido presenta etiquetas gravemente mal formadas que impiden el análisis sintáctico, la herramienta muestra un aviso de error de procesamiento para que puedas revisar el código fuente antes de continuar.
Instrucciones
- Pega el fragmento o documento HTML en el campo de texto de entrada.
- Elige el número de espacios de sangría deseado, entre 0 y 8, o mantén el valor predeterminado de 2.
- Indica el modo de procesamiento escribiendo beautify para ordenar el código o minify para compactarlo.
- Ejecuta la herramienta para ver el código resultante en el panel de salida.
Ejemplos
- Entrada: <div><p>Hola mundo</p></div> con sangría de 2 y modo beautify. Resultado: el elemento div en una línea inicial, el párrafo p indentado con dos espacios y el cierre de div en la línea final.
- Entrada: <!-- Comentario --> <div> <p>Texto</p> </div> con modo minify. Resultado: <div><p>Texto</p></div> con el comentario eliminado y los espacios sobrantes suprimidos.
Preguntas frecuentes
¿Qué ocurre si indico un valor de sangría superior a 8?
Si introduces un número fuera del rango de 0 a 8 o un valor no numérico, el sistema aplica automáticamente la sangría predeterminada de 2 espacios.
¿Cómo gestiona el modo de compactación los comentarios condicionales?
La compactación elimina todos los comentarios convencionales, pero conserva aquellos bloques condicionales cuyo contenido empieza exactamente por [if para no alterar instrucciones de compatibilidad.
¿Cuál es el límite de tamaño para el código HTML?
El texto de entrada puede contener hasta 1.000.000 de bytes codificados en UTF-8. Entradas de mayor tamaño se rechazan.
¿La herramienta valida o corrige la sintaxis de estándares web?
No. La herramienta no actúa como validador de estándares ni garantiza saneamiento de seguridad; si el marcado contiene errores que impiden el análisis sintáctico, reporta un error de procesamiento.