HTML-Formatierer

Ein HTML-Formatierer schreibt HTML-Markup mit sauberer, konsistenter Einrückung um, sodass die Struktur des Dokuments leicht zu lesen ist Fügen Sie eine minifizierte Seite, einen aus einem Build-Tool kopierten Ausschnitt oder handgeschriebene Markup mit nicht übereinstimmenden Tabs und Leerzeichen ein, und der Formatierer analysiert den Tag-Baum und druckt ihn mit einer Einrückungsstufe pro Verschachtelungstiefe zurück. Der umgekehrte Vorgang, das Minifizieren, streicht den unbedeutenden Leerraum zwischen Tags, um die Datei für die Produktion zu verkleinern, ohne die Art und Weise zu ändern, wie der Browser sie rendert.

Raw HTML kommt selten in einem Zustand an, den Sie scannen können Servervorlagen geben es auf einer einzigen Zeile aus, Bundler kollabieren es, und eingefügte Fragmente tragen den Abstand der verwendeten Quelle. Verschönern legt die Verschachtelung offen, damit Sie das benötigte Element finden, ein Tag erkennen können, das nie geschlossen wurde, oder zwei Versionen sauber verbreiten. Dies ist am wichtigsten, wenn Sie ein Layout debuggen, Markup auf Barrierefreiheit prüfen oder zum ersten Mal Inhalte von jemand anderem lesen. Ein Formatierer verwandelt eine Wand aus Winkelklammern in einen Umriss, dem Sie tatsächlich folgen können.

Dieses Tool läuft in Ihrem Browser zu 100% mit einem abhängigkeitsfreien Parser, es wird also nichts hochgeladen oder protokolliert, was Sie einfügen, und es funktioniert offline weiter, sobald die Seite geladen wurde Der Parser ist bewusst tolerant: Er wendet dieselben implizit schließenden Regeln an, die ein Browser für Tags wie li, p, td und Option verwendet, sodass das reale Markup mit weggelassenen End-Tags immer noch korrekt formatiert. Inhalte innerhalb von Skript, Stil, Pre, Textarea und Titel werden wörtlich kopiert, was bedeutet, dass Ihr JavaScript, CSS und vorformatierter Text niemals neu eingegeben oder gebrochen werden.