HTML-formatter
Verfraai en spring rommelige of geminificeerde HTML in je browser in.
Voorbeelden
Geminificeerde HTML verfraaien
Invoer
<ul><li>One</li><li>Two</li></ul>
Uitvoer
<ul> <li>One</li> <li>Two</li> </ul>
Een geneste structuur inspringen
Invoer
<div><p>Hi <a href="#">there</a></p></div>
Uitvoer
<div> <p>Hi <a href="#">there</a></p> </div>
Over deze tool
Deze gratis online HTML-formatter zet rommelige, geminificeerde of met de hand bewerkte markup om naar nette, netjes ingesprongen HTML — een snelle HTML-verfraaier en pretty-print-tool. Plak je HTML, kies een inspringstijl, en het geformatteerde resultaat verschijnt direct. Alles draait in je browser zonder upload, dus je code verlaat je apparaat nooit.
Zo gebruik je het
- Plak je HTML in het invoervak (klik op Voorbeeld om te proberen).
- Kies een inspringing van 2 spaties, 4 spaties of een tab.
- Lees de verfraaide HTML in het uitvoervak rechts.
- Kopieer het resultaat met de Kopiëren-knop.
Wanneer een HTML-formatter gebruiken
Herformatteren is handig als je gecomprimeerde HTML van een gebouwde pagina kopieert, inconsistente markup van een teamgenoot erft of een e-mailtemplate of component wilt lezen voordat je die bewerkt. Een consistente inspringing maakt de nesting duidelijk en diffs schoner.
Veelgestelde vragen
Is deze HTML-formatter gratis?
Ja — een volledig gratis online HTML-formatter en -verfraaier zonder registratie en zonder limieten. Formatteer en spring zoveel HTML in als je wilt.
Wordt mijn HTML naar een server geüpload?
Nee. Dit is een tool zonder upload — je HTML wordt volledig in je browser geformatteerd, dus de markup verlaat je apparaat nooit. Veilig voor privé- of interne code.
Wat doet de HTML-verfraaier eigenlijk?
Hij springt je markup opnieuw in, zet tags en inhoud op eigen regels en normaliseert spatiëring, zodat rommelige of geminificeerde HTML netjes en leesbaar wordt. Wat de pagina rendert, verandert niet.
Kan ik de inspringing kiezen?
Ja — kies 2 spaties, 4 spaties of tabs. Je keuze wordt in de browser onthouden voor de volgende keer.
Werkt het met geminificeerde HTML?
Ja. Plak HTML op één regel of geminificeerd en het wordt weer uitgevouwen tot een net ingesprongen, leesbare structuur.
Breekt het mijn inline-JavaScript of -CSS?
Nee. Inline <style>- en <script>-blokken blijven intact en worden samen met de omringende markup ingesprongen, dus je code blijft werken.
Werkt het offline en op mobiel?
Zodra de pagina is geladen draait het lokaal, dus het blijft werken bij een wisselvallige verbinding, en de lay-out is volledig responsief op telefoons en tablets.
Gerelateerde tools
JSON-formatter
JSON direct in je browser formatteren, valideren en verfraaien.
CSS-formatter
Verfraai en ordent rommelige of geminificeerde CSS in je browser.
JavaScript-formatter
Verfraai en spring geminificeerde of rommelige JavaScript in je browser in.
SQL-formatter
Formatteer SQL-query’s met sleutelwoorden in hoofdletters.