Zo werkt het
- Plak je HTML-code in het invoerveld.
- Kies bij Modus voor Formatteren of Minificeren.
- Kies bij Formatteren de gewenste Inspringing, bijvoorbeeld 2 spaties.
- Klik op HTML formatteren (bij Minificeren: HTML minificeren) of druk op Ctrl+Enter of Cmd+Enter om de code te verwerken.
Voorbeelden
Winkelpagina met CSS formatteren
<!doctype html><html><head><title>Fietsenwinkel Utrecht</title><style>body{font-family:sans-serif;color:#222}.prijs{font-weight:bold}</style></head><body><main><h1>Stadsfiets</h1><p class="prijs">€ 649</p></main></body></html><!doctype html>
<html>
<head>
<title>Fietsenwinkel Utrecht</title>
<style>
body {
font-family: sans-serif;
color: #222
}
.prijs {
font-weight: bold
}
</style>
</head>
<body>
<main>
<h1>Stadsfiets</h1>
<p class="prijs">€ 649</p>
</main>
</body>
</html>Attributen van een formulierveld afbreken
<label for="postcode">Postcode</label><input id="postcode" name="postcode" type="text" placeholder="1234 AB" autocomplete="postal-code" maxlength="7" required>
<label for="postcode">Postcode</label><input id="postcode" name="postcode" type="text" placeholder="1234 AB" autocomplete="postal-code" maxlength="7" required>
Nieuwsbrief met Outlook-commentaar minificeren
<!-- Nieuwsbrief september --> <div> <!--[if mso]><p>Bekijk onze aanbiedingen in Outlook.</p><![endif]--> <p>Beste klant, bekijk de <a href="https://voorbeeld.nl/aanbiedingen">aanbiedingen</a> van deze maand.</p> </div>
<div><!--[if mso]><p>Bekijk onze aanbiedingen in Outlook.</p><![endif]--><p>Beste klant, bekijk de <a href="https://voorbeeld.nl/aanbiedingen">aanbiedingen</a> van deze maand.</p></div>
Veelgestelde vragen
Wordt mijn HTML-code naar een server gestuurd?
Formatteren en minificeren gebeuren in je browser; de tool verstuurt je HTML-code niet. Op de productiesite worden wel gebruiksgebeurtenissen naar Google Analytics gestuurd, zonder je HTML-code.
Kan ik hiermee HTML valideren?
De tool waarschuwt voor niet-gesloten tags, sluittags zonder bijbehorende openingstag en dubbele attributen. Dat is geen volledige HTML-validatie. Klik op een waarschuwing om naar de betreffende regel in je invoer te gaan.
Kan ik een HTML-fragment formatteren zonder een volledig document?
Een fragment blijft een fragment: de tool voegt geen html- of body-element toe. De inhoud van pre- en textarea-elementen blijft ongewijzigd, ook bij minificeren.
Waarom lukt het minificeren van mijn JavaScript niet?
Als ingesloten JavaScript niet kan worden geminificeerd, krijg je een foutmelding met het regelnummer. Herstel het script of schakel Ingesloten CSS en JS minificeren uit. Bij deze fout blijft het eerdere resultaat staan.