Formatore HTML e CSS

Scopo e intento dell’utente: questo strumento risolve il problema della formattazione incoerente di HTML e CSS in basi di codice. Gli utenti target sono sviluppatori frontend, ingegneri UI e team che mantengono modelli, componenti e grandi insiemi di markup. È utile quando è richiesto codice pulito e standardizzato prima delle revisioni o del deployment.
Logica centrale e caratteristiche: il formatter è un motore sensibile alla sintassi che analizza HTML e CSS, ricostruisce la struttura del documento e applica regole di stile configurabili. Funzioni obbligatorie includono rientro, allineamento dei tag e formattazione coerente degli attributi HTML, oltre alla formattazione standardizzata delle proprietà CSS. Funzioni opzionali/avanzate includono dimensione di indentazione personalizzata, limiti di wrap, strategie di ordinamento degli attributi e conservazione di interruzioni di riga e commenti quando possibile.
Input e output: l’input è una stringa di codice contenente HTML e/o CSS e impostazioni opzionali come l’indentazione e le preferenze di wrap. L’output è una stringa di codice formattata con rientri, spazi e stile consistenti. La validazione garantisce che la semantica non venga persa; i commenti vengono conservati quando possibile.
Algoritmi: l’HTML viene analizzato in un albero di nodi; il CSS in un insieme di regole; entrambi vengono stampati secondo la configurazione di stile scelta. Lo strumento rispetta CSS incorporato in tag style e stili inline e può essere esteso ai preprocessori tramite adattatori.
Errori e casi limite: markup malformato viene parzialmente recuperato con fallback sicuri; tag non chiusi o CSS non valido producono avvisi nei log e l’input originale può essere ritornato se la sicurezza è incerta. Localizzazione: supporta terminazioni di riga CRLF o LF e convenzioni di indentazione locali; conforme agli standard web (HTML5, CSS3). Assunzioni ed esclusioni: presuppone input centrato sul codice e non esegue validazione semantica oltre la sintassi. Non è un linter di codice, né un minificatore, né uno strumento di progettazione UI.