HTML opmaken en minificeren
Maak van HTML nette, ingesprongen opmaak, of maak het kleiner voor je live site.
Plak HTML, open een .html-bestand of sleep er een hierheen
Volgende: CSS-formatter · JavaScript-formatter
Een probleem met deze tool melden
Hoe gebruik je HTML-formatter
Plak je HTML
Plak een pagina of een fragment, of open of sleep een .html-bestand hierheen. Het wordt opgemaakt terwijl je typt.
Opmaken of minificeren
Opmaken laat elke tag inspringen met 2 of 4 spaties of een tab. Minificeren verwijdert commentaar en spaties die je niet ziet.
Kopieer of download
Kopieer het resultaat of download het als .html-bestand. Bij minificeren zie je hoeveel bytes je hebt bespaard.
Waarom kiezen voor Utils365
Veilig minificeren
De inhoud van <pre>, <textarea>, <script> en <style> wordt nooit aangeraakt, en tussen inline tags blijft één spatie staan, zodat de pagina er hetzelfde uitziet.
Leesbare opmaak
Geneste tags springen per niveau één stap in, zodat een pagina die op één regel is geperst makkelijk te lezen en te bewerken is.
Zie de besparing
De grootte voor en na en het bespaarde percentage verschijnen zodra je minificeert.
Privacy voorop
Je HTML wordt in je browser opgemaakt en nooit geüpload, dus onuitgebrachte pagina’s en templates blijven bij jou.
Veelgestelde vragen
Wat verwijdert een HTML-minifier?
Commentaar, regeleinden en inspringing, en spaties tussen tags die browsers niet tonen. Oude conditionele commentaren voor Internet Explorer blijven staan, omdat die nog effect hebben.
Verandert minificeren hoe mijn pagina eruitziet?
Dat zou niet moeten. Witruimte naast blokelementen zoals <div> en <p> is nooit zichtbaar en verdwijnt dus. Tussen inline elementen zoals links en knoppen blijft één spatie staan, omdat die daar wel zichtbaar is.
Worden mijn scripts en styles aangepast?
Nee. De inhoud van <script> en <style> blijft precies zoals hij geschreven is. Wil je die ook kleiner maken, gebruik dan de JavaScript- en CSS-formatter.
Waarom blijft <pre> ongemoeid?
Binnen <pre> en <textarea> wordt elke spatie en elk regeleinde op de pagina getoond, dus als je er iets van weghaalt, verandert wat bezoekers zien.
Repareert de formatter kapotte HTML?
Nee. Hij verandert alleen de opmaak, niet je tags. Een ontbrekende sluittag blijft ontbreken, dus let op het inspringen: een tag die nooit eindigt, duwt alles daarna één niveau naar binnen.