Försköna HTML med blockmedvetet indrag, eller minifiera den. Innehållet i pre, textarea, script och style bevaras.
Så använder du HTML-formaterare
Klistra in din HTML i inmatningsrutan.
Välj Försköna för att dra in den eller Minifiera för att komprimera den.
Välj indragsstorlek, och kopiera sedan resultatet.
Det här är en HTML-formaterare som förskönar markup med block- och inline-medveten indragning, eller minifierar den genom att slå ihop blanksteg och ta bort kommentarer. Du väljer indragningsstorleken vid förskönande.
Vid förskönande dras element in efter hur de nästlas, så att dokumentets struktur, vilka element som innehåller vilka, blir uppenbar. Det gör handskriven eller genererad HTML mycket lättare att läsa och felsöka.
Både förskönande och minifiering körs helt i din webbläsare, så din markup lämnar aldrig din enhet.
Den lämnar medvetet innehållet i pre, textarea, script och style orört, eftersom blanksteg inuti dessa element är betydelsebärande: att omformatera dem skulle ändra förformaterad text, det användare skriver, eller betydelsen av din kod.
Vid minifiering tas kommentarer bort och följder av blanksteg slås ihop, vilket trimmar filstorleken som webbläsare måste ladda ner. Den är mest användbar som ett byggsteg för produktionssidor.
Minifieraren behåller ett enda blanksteg mellan taggar i stället för att ta bort det helt, eftersom blanksteg mellan inline-element faktiskt renderas, och att ta bort det kan förskjuta din layout. Denna försiktighet undviker de subtila visuella buggar som aggressiva minifierare kan orsaka.
Vanliga frågor
Den drar in element baserat på deras nästling och struktur, samtidigt som innehållet i pre, textarea, script och style lämnas orört, eftersom blanksteg där är signifikant.
Den tar bort kommentarer och slår ihop följder av blanksteg till ett enda mellanslag. Den behåller enstaka mellanslag mellan taggar i stället för att ta bort dem, eftersom blanksteg mellan inline-element renderas och att ta bort det kan förskjuta layouten.
Nej. Både förskönande och minifiering körs helt i din webbläsare, så din markup lämnar aldrig din enhet.
Bädda in det här verktyget
Lägg till det här verktyget på din egen webbplats. Kopiera kodsnutten nedan; den hålls automatiskt uppdaterad.
<iframe src="https://monu.tools/embed/sv/html-formatter" width="100%" height="640" style="border:1px solid #e5e5e5;border-radius:12px;max-width:680px" loading="lazy" title="Monu Tools"></iframe>Relaterade verktyg
Försköna och snygga till JavaScript med konsekvent indrag och mellanrum. Körs helt i din webbläsare.
Omvandla CSV till en Excel-.xlsx-fil och Excel tillbaka till CSV, helt i din webbläsare. Fungerar åt båda håll.
Generera TypeScript-gränssnitt från ett JSON-exempel, med nästlade typer, arrayer och valfria fält. Körs i din webbläsare.
Omvandla JSON till XML och XML tillbaka till JSON, åt båda håll, helt i din webbläsare.