Formatador HTML y CSS

Propósito y intención del usuario: esta herramienta resuelve el problema del formato HTML y CSS inconsistente en bases de código. Los usuarios objetivo son desarrolladores frontend, ingenieros de UI y equipos que mantienen plantillas y componentes. Se usa cuando se necesita código limpio y estandarizado antes de la revisión de código o el despliegue.
Lógica central y funciones: el formatter es un motor sensible a la sintaxis que analiza HTML y CSS, reconstruye la estructura del documento y aplica reglas de estilo configurables. Las funciones obligatorias incluyen sangría, alineación de etiquetas y formateo coherente de atributos HTML, además de formateo estandarizado de propiedades CSS. Las funciones opcionales/avanzadas incluyen tamaño de sangría personalizado, límites de salto de línea, estrategias de ordenamiento de atributos y conservación de saltos de línea y comentarios cuando sea posible.
Entradas y salidas: la entrada es una cadena de código que contiene HTML y/o CSS y configuraciones opcionales como sangría y preferencias de envoltura. La salida es una cadena de código formateada con sangría, espaciado y estilo consistentes. La validación garantiza que no se pierda la semántica; los comentarios se conservan cuando es posible.
Algoritmos y cálculos: HTML se analiza en un árbol de nodos; CSS se analiza en un conjunto de reglas; ambos se imprimen con la configuración de estilo elegida. La herramienta respeta CSS incrustado en etiquetas de estilo y estilos en línea y puede ampliarse a preprocesadores mediante adaptadores.
Errores y casos límite: Marcado mal formado se recupera parcialmente con fallbacks seguros; etiquetas no cerradas o CSS inválido generan advertencias en registros y la entrada original puede devolverse si la seguridad es incierta. Localización e industria: Soporta final de línea CRLF o LF y convenciones de sangría basadas en la locale; se alinea con convenciones web estándar (HTML5, CSS3). Supuestos y exclusiones: Se asume que la entrada es centrada en código y no realiza validación semántica más allá de la sintaxis. No es un linter de código, ni un minificador, ni una herramienta de diseño UI.