HTML-formaterare

Om HTML-formatering

HTML är märkspråket som strukturerar varje webbsida. Minifiering tar bort blanksteg, kommentarer och redundant syntax för att minska filen för produktion; formatering indenterar om den så att nästlade element är lätta att läsa och redigera.

Blanktecken inuti <pre>, <textarea> och en handfull andra element är betydelsefulla för hur sidan visas, så en naiv minifierare som tar bort alla blanktecken urskillningslöst skulle synligt förstöra dem. Det här verktyget är blankteckensmedvetet: det slår ihop obetydligt utrymme mellan vanliga taggar men lämnar blankteckenskänsliga element orörda. Vanliga <!-- kommentarer --> tas bort, men den gamla syntaxen för villkorliga kommentarer som vissa äldre sidor fortfarande använder för Internet Explorer, som <!--[if IE]>...<![endif]-->, lämnas helt intakt, eftersom det inte är en riktig kommentar utan en instruktion som råkar vara skriven i kommentarsyntax. Booleska attribut som checked="checked" lämnas också exakt som de skrevs i stället för att kortas till sin bara form.

Var du stöter på det

• Minska en sidas markup innan den driftsätts i produktion
• Formatera markup som returneras av ett API eller serverrendering för felsökning
• Städa upp HTML kopierad från en CMS-export eller en annan sida
• Standardisera indrag innan en markup-diff granskas

Vanliga frågor

Ändrar minifiering hur min sida ser ut?
Nej. Bara blanksteg, kommentarer och redundant syntax tas bort — det renderade resultatet är detsamma.

Minifieras även inbäddad CSS och JavaScript?
Ja. CSS inuti <style>-taggar och JavaScript inuti <script>-taggar minifieras också, tillsammans med den omgivande markupen.

Sparas min HTML?
Nej. Konverteringen sker på servern enbart för den begäran; därefter loggas eller sparas ingenting.

Vad händer med blanktecken inuti <pre> eller <textarea>?
De lämnas orörda. De elementen visar sitt innehåll exakt som det skrevs, inklusive radbrytningar och indrag, så att slå ihop blanktecken i dem skulle faktiskt ändra hur sidan ser ut — till skillnad från blanktecken mellan vanliga taggar, som är visuellt obetydliga och säkra att ta bort. Det här verktyget upptäcker blankteckenskänsliga element och hoppar specifikt över dem för att undvika detta.