HTML-formatter

Dit is een HTML-formatter die markup mooi maakt met inspringing die rekening houdt met block- en inline-elementen, of het minifyt door witruimte samen te vouwen en comments te verwijderen. Je kiest de inspringgrootte bij het beautifyen.

Beautifyen springt elementen in volgens hun nesting, zodat de structuur van een document, welke elementen welke bevatten, duidelijk wordt. Dat maakt handgeschreven of gegenereerde HTML een stuk makkelijker te lezen en te debuggen.

Zowel beautifyen als minifyen gebeurt volledig in je browser, dus je markup verlaat je apparaat nooit.

Het laat de inhoud van pre, textarea, script en style bewust ongemoeid, omdat witruimte binnen die elementen betekenisvol is: ze herformatteren zou vooropgemaakte tekst, wat gebruikers typen of de betekenis van je code veranderen.

Minifyen verwijdert comments en vouwt reeksen witruimte samen, wat de bestandsgrootte die browsers moeten downloaden verkleint. Het is het nuttigst als buildstap voor productiepagina's.

De minifier behoudt een enkele spatie tussen tags in plaats van die helemaal te verwijderen, omdat witruimte tussen inline-elementen daadwerkelijk wordt weergegeven, en het weglaten ervan je layout kan verschuiven. Deze voorzichtigheid voorkomt de subtiele visuele bugs die agressieve minifiers kunnen veroorzaken.