Formatear HTML

Un formateador de HTML vuelve a aplicar sangría al marcado HTML con anidamiento consistente para que la estructura de los elementos y sus hijos sea inmediatamente legible. Normaliza las comillas de los atributos, colapsa los espacios en blanco innecesarios y notifica las etiquetas sin cerrar o los atributos mal formados.

Sí. El CSS dentro de las etiquetas <style> se formatea con las reglas de sangría de CSS y el JavaScript dentro de las etiquetas <script> se formatea con la sangría de JavaScript. El contenido interno se formatea de forma independiente dentro de su bloque, por lo que una página con CSS y JavaScript incrustados se formatea completamente en un solo paso.

El formateo añade sangría y saltos de línea para que el HTML sea legible. La minificación elimina todos los espacios en blanco innecesarios para reducir el tamaño del archivo para la entrega en producción. Son operaciones contrarias. Usa el formateo durante el desarrollo para legibilidad y revisión; usa la minificación para el despliegue en producción para reducir el tiempo de carga de la página.

El formateador analiza HTML con recuperación de errores, por lo que las etiquetas sin cerrar a menudo se gestionan correctamente según las reglas de análisis de HTML5. Sin embargo, el resultado refleja el DOM corregido, no la intención original: un </div> faltante puede cerrarse automáticamente en un lugar diferente al esperado. Revisa cuidadosamente el resultado formateado para detectar reparaciones estructurales.

El reformateo solo cambia los espacios en blanco entre elementos. Algunos espacios en blanco en HTML se renderizan (un espacio entre dos elementos en línea sigue siendo visible), por lo que añadirlos o eliminarlos puede cambiar sutilmente el renderizado. En la práctica, reformatear HTML bien estructurado no cambia significativamente el resultado renderizado.