HTML-formatter

Over HTML-formattering

HTML is de markup die elke webpagina structureert. Minimaliseren verwijdert witruimte, commentaar en overbodige syntax om het bestand te verkleinen voor productie; opmaken voegt inspringing weer toe zodat geneste elementen makkelijk te lezen en te bewerken zijn.

Witruimte binnen <pre>, <textarea> en een handvol andere elementen is significant voor hoe de pagina wordt weergegeven, dus een naïeve minifier die klakkeloos alle witruimte verwijdert, zou ze zichtbaar breken. Deze tool is witruimtebewust: hij vouwt onbeduidende ruimte tussen gewone tags samen, maar laat witruimtegevoelige elementen ongemoeid. Gewone <!-- commentaar --> wordt verwijderd, maar de oude syntaxis voor voorwaardelijk commentaar die sommige oudere sites nog gebruiken voor Internet Explorer, zoals <!--[if IE]>...<![endif]-->, blijft volledig intact, omdat het geen echt commentaar is maar een instructie die toevallig in commentaarsyntaxis is geschreven. Booleaanse attributen zoals checked="checked" worden ook precies zo gelaten als geschreven, in plaats van ingekort tot hun kale vorm.

Waar je het tegenkomt

• De markup van een pagina verkleinen voordat die naar productie wordt gedeployed
• Markup die door een API of server-side rendering wordt geretourneerd opmaken om te debuggen
• HTML opschonen die is gekopieerd uit een CMS-export of een andere site
• Inspringing standaardiseren voordat een markup-diff wordt beoordeeld

Veelgestelde vragen

Verandert minimaliseren hoe mijn pagina eruitziet?
Nee. Alleen witruimte, commentaar en overbodige syntax worden verwijderd — het weergegeven resultaat blijft hetzelfde.

Wordt hiermee ook inline CSS en JavaScript geminimaliseerd?
Ja. CSS binnen <style>-tags en JavaScript binnen <script>-tags worden samen met de omringende markup ook geminimaliseerd.

Wordt mijn HTML opgeslagen?
Nee. De conversie gebeurt op de server, alleen voor dat ene verzoek; daarna wordt niets gelogd of bewaard.

Wat gebeurt er met witruimte binnen <pre> of <textarea>?
Die wordt met rust gelaten. Die elementen tonen hun inhoud precies zoals geschreven, inclusief regeleinden en inspringing, dus het samenvouwen van witruimte erin zou daadwerkelijk veranderen hoe de pagina eruitziet — anders dan de witruimte tussen gewone tags, die visueel onbeduidend en veilig te verwijderen is. Deze tool herkent witruimtegevoelige elementen en slaat die specifiek over om dat te voorkomen.