Startseite » Codierung » Reinigen Sie unordentliche HTML-Codes mit HTML Washer

    Reinigen Sie unordentliche HTML-Codes mit HTML Washer

    Wenn Sie die Webseite einer anderen Person bearbeiten oder einen Code eines Layouts kopieren möchten, kann dies schwierig sein durch die Formatierung waten. Du musst es tun bereinigen Sie viele der unordentlichen Bereiche und das macht keinen Spaß, manuell zu tun.

    Mit dem HTML Washer Web-App können Sie HTML-Code automatisch bereinigen mit einem Klick auf eine Schaltfläche.

    Diese Web-App entfernt alle überflüssigen Funktionen aus dem HTML-Code, einschließlich überschüssiger CSS und JavaScript. Es wird auch Entfernen Sie die meisten Klassen und Attribute um nur die reine HTML-Vorlage zu verlassen.

    Dies ist vielleicht am nützlichsten, wenn Untersuchung der Struktur einer anderen Website. Wenn Sie ein Layout klonen möchten, können Sie die Quelle problemlos anzeigen und den Code in Ihren eigenen Editor kopieren / einfügen.

    Möglicherweise möchten Sie auch HTML-Kommentare entfernen und Vereinfachen Sie den Code weiter. Hier hilft HTML Washer.

    Es hat eine Handvoll gepflegter Funktionen und diese sind es die nützlichsten für Entwickler:

    • Konvertiert den Code in HTML5 (aus HTML4 / XHTML).
    • Behebt falsch formatierte Tags
    • Formatiert HTML mit der richtigen Einrückung neu
    • Entfernt alle Inline-Skripts und CSS

    Beachten Sie diesen HTML-Washer ist keine vollständige Lösung zum Übertragen eines älteren Layouts in HTML5. Es ist auch kein perfektes Werkzeug, um ein vorhandenes Layout buchstäblich zu kopieren / einzufügen und es zu Ihrem eigenen zu machen.

    Aber als Ausgangspunkt kann dieses Tool Ihnen helfen bereinigen Sie unordentliches HTML schnell. Es wird dir helfen konzentrieren Sie sich nur auf die Grundlagen des Kodex, Sie werden also nicht durch Klassen oder überflüssige HTML-Attribute blockiert.

    Obwohl, wenn überhaupt Tags haben nicht alt Attribute dieser HTML Washer fügt sie der Seite hinzu. Es soll HTML ausgeben, das ist voll kompatibel mit modernen kodierungs- und barrierefreiheitsstandards.

    Eine Funktion, die ich gerne sehen würde, ist die optionale Aufnahme von Klassen oder IDs. Manchmal sollten Sie die Klassen beibehalten, sodass Sie Code zusammen mit dem ursprünglichen Stylesheet kopieren und einfügen können, um das gleiche Aussehen zu erhalten.

    Im Moment ist dies mit HTML Washer nicht möglich, obwohl die Hoffnung besteht, dass es in einem zukünftigen Update hinzugefügt werden kann!

    Für ein automatisiertes Werkzeug ist dieses Ding großartig und ermöglicht es Ihnen, dies zu tun Code kopieren / einfügen oder Laden Sie eine Datei direkt von Ihrem Computer hoch.

    Zu erlebe es in Aktion, Schauen Sie sich die Hauptseite an und probieren Sie es aus. Wenn dies etwas ist, können Sie es mit einem Lesezeichen versehen.

    Wenn Sie Verbesserungsvorschläge haben, senden Sie eine kurze Nachricht an den Entwickler auf Twitter @HtmlWasher.