Homepage » Coding » Pulisci codici HTML disordinati con HTML Washer

    Pulisci codici HTML disordinati con HTML Washer

    Se stai modificando la pagina web di qualcun altro o vuoi copiare un codice di un layout, può essere difficile guado attraverso la formattazione. Dovrai ripulire molte aree disordinate e questo non è divertente da fare manualmente.

    Con il HTML Washer app web, puoi pulisci automaticamente qualsiasi codice HTML con il clic di un pulsante.

    Questa web app rimuove tutte le funzionalità estranee dall'HTML, compresi CSS e JavaScript in eccesso. Sarà anche spoglia la maggior parte delle classi e degli attributi lasciare solo il modello HTML nudo.

    Questo è forse il più utile quando studiare la struttura di un altro sito web. Se vuoi clonare un layout puoi facilmente visualizzare la fonte e copiare / incollare il codice nel tuo editor.

    Potresti anche volerlo elimina i commenti HTML e semplificare ulteriormente il codice. Questo è dove HTML Washer è utile.

    Ha una manciata di caratteristiche pulite e queste sono i più utili per gli sviluppatori:

    • Converte il codice in HTML5 (da HTML4 / XHTML)
    • Corregge tag formattati in modo errato
    • Riformatta HTML con indentazione corretta
    • Rimuove tutti gli script in linea e CSS

    Si noti che HTML Washer non è una soluzione completa per il trasferimento di un layout precedente in HTML5. Né è uno strumento perfetto per copiare / incollare letteralmente un layout esistente e renderlo tuo.

    Ma, come punto di partenza, questo strumento può aiutarti ripulire velocemente l'HTML disordinato. Ti aiuterà concentrarsi solo sui fondamenti del codice, quindi non sei impantanato da classi o attributi HTML estranei.

    Sebbene, se del caso i tag non hanno alt attribuisce questo HTML Washer li aggiungerà alla pagina. Ha lo scopo di generare HTML completamente compatibile con i moderni standard di codifica e accessibilità.

    Una caratteristica che vorrei vedere è la inclusione facoltativa di classi o ID. A volte, ti consigliamo di mantenere le classi, in modo da poter copiare / incollare il codice insieme al foglio di stile originale per mantenere lo stesso aspetto.

    Al momento, questo non è possibile con HTML Washer, anche se spero che possa essere aggiunto in un prossimo aggiornamento!

    Per uno strumento automatico, questa cosa è eccezionale e ti consente entrambi copia / incolla il codice o caricare un file direttamente dal tuo computer.

    A vederlo dal vivo in azione, controlla il sito principale e provalo. Se questo è qualcosa che potresti vedere usando, assicurati di segnalarlo.

    E, se hai qualche suggerimento per i miglioramenti, fai un rapido messaggio allo sviluppatore su Twitter @HhtmlWasher.