HTML-formaterare

Så formaterar du HTML

1. Klistra in din HTML, eller klicka på Öppna en fil för att läsa in en .html- eller .htm-fil (upp till 10 MB).
2. Välj Indrag (2 mellanslag, 4 mellanslag eller tabb) och om du vill Radbryt vid 80 eller 120 tecken.
3. Kryssa i Indrag för och om du vill att de ska dras in under <html>, och Ta bort kommentarer för att ta bort kommentarer av typen <!-- … -->.
4. Klicka på Formatera (beautify) för läsbar kod, eller på Minifiera för den minsta säkra versionen.
5. Kopiera eller ladda ner resultatet. Statusraden visar storleken före och efter.

Resultatet visas som ren text i utdatarutan. Din HTML renderas eller körs aldrig på den här sidan, så skript i koden du klistrar in kan inte göra någonting.

Formatera: läsbar HTML med konsekventa indrag

Formatera (beautify) använder js-beautify, formateraren bakom många kodredigerare:

• blockelement hamnar på egna rader med indrag efter nästlingsdjup, medan inline-element som <a>, <b> eller <span> stannar i texten;
• innehållet i <script> och <style> formateras som JavaScript och CSS;
• <pre> och <textarea> lämnas exakt som de är skrivna, eftersom blankstegen där syns;
• flera tomma rader i följd minskas till en;
• med en radbredd bryts långa textrader och långa attributlistor.

Formateringen rättar inte trasig märkkod: en ostängd <div> förblir ostängd, och indragen efter den visar var problemet finns.

Minifiera: mindre HTML utan att sidan ändras

Minifiera arbetar medvetet försiktigt:

• följder av mellanslag, tabbar och radbrytningar i text blir ett enda mellanslag, precis som webbläsaren visar dem;
• blanksteg intill blockelement och element i head (<div>, <p>, <li>, <td>, <meta>, <br>…) tas bort, eftersom de aldrig visas;
• ett enskilt mellanslag mellan inline-element behålls, så att <b>stora</b> <i>världen</i> inte blir ”storavärlden”;
• kommentarer tas bort när Ta bort kommentarer är ikryssad, utom villkorliga kommentarer (<!--[if IE]>) och kommentarer som börjar med <!--!;
• innehållet i <script>, <style>, <pre> och <textarea> rörs aldrig, och attributvärden behålls exakt, citattecken inräknade.

Den tar inte bort valfria sluttaggar, skriver inte om attribut och komprimerar inte inbäddad JavaScript och CSS: sådana optimeringar sparar lite till men kan förstöra sidor. För de flesta sidor sparar HTTP-komprimering (gzip eller Brotli) betydligt mer än någon minifierare, så minifiering är mest användbar för HTML som bäddas in i e-postmeddelanden, mallar eller JavaScript-strängar.