Monu Tools

HTML-formaterare

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

  1. 01

    Klistra in din HTML i inmatningsrutan.

  2. 02

    Välj Försköna för att dra in den eller Minifiera för att komprimera den.

  3. 03

    Välj indragsstorlek, och kopiera sedan resultatet.

Vad HTML-formateraren gör

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.

Element den lämnar orörda

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.

Så fungerar minifieringen

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.

Varför den behåller ett blanksteg mellan taggar

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

Vad gör förskönande av HTML?

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.

Hur fungerar HTML-minifiering?

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.

Skickas min HTML till en server?

Nej. Både förskönande och minifiering körs helt i din webbläsare, så din markup lämnar aldrig din enhet.

Källor

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