Forskøn HTML med blok-bevidst indrykning, eller minificér det. Indholdet i pre, textarea, script og style bevares.
Sådan bruger du HTML-formatter
Indsæt din HTML i inputfeltet.
Vælg Forskøn for at indrykke den eller Minificér for at komprimere den.
Vælg indrykningsstørrelsen, og kopiér derefter resultatet.
Dette er en HTML-formatering, der forskønner markup med blok- og inline-bevidst indrykning eller minificerer den ved at slå whitespace sammen og fjerne kommentarer. Du vælger indrykningsstørrelsen ved forskønnelse.
Forskønnelse indrykker elementer efter, hvordan de indlejres, så et dokuments struktur, hvilke elementer der indeholder hvilke, bliver tydelig. Det gør håndskreven eller genereret HTML langt lettere at læse og fejlfinde.
Både forskønnelse og minificering kører udelukkende i din browser, så din markup forlader aldrig din enhed.
Den lader bevidst indholdet af pre, textarea, script og style være urørt, fordi whitespace inde i de elementer er betydningsfuld: at omformatere dem ville ændre præformateret tekst, hvad brugere skriver, eller betydningen af din kode.
Minificering fjerner kommentarer og slår serier af whitespace sammen, hvilket trimmer den filstørrelse, browsere skal downloade. Den er mest nyttig som et build-trin til produktionssider.
Minificeringen beholder et enkelt mellemrum mellem tags frem for at fjerne det helt, fordi whitespace mellem inline-elementer faktisk gengives, og at droppe det kan forskyde dit layout. Denne forsigtighed undgår de subtile visuelle fejl, aggressive minificeringer kan forårsage.
Ofte stillede spørgsmål
Den indrykker elementer baseret på deres indlejring og struktur, mens indholdet i pre, textarea, script og style efterlades urørt, da mellemrum dér er betydende.
Den fjerner kommentarer og slår rækker af mellemrum sammen til ét enkelt mellemrum. Den beholder enkelte mellemrum mellem tags i stedet for at fjerne dem, fordi mellemrum mellem inline-elementer gengives, og at fjerne det kan forskyde layoutet.
Nej. Både forskønning og minificering kører fuldt ud i din browser, så din markup forlader aldrig din enhed.
Indlejr dette værktøj
Tilføj dette værktøj til dit eget websted. Kopiér uddraget nedenfor, det holder sig automatisk opdateret.
<iframe src="https://monu.tools/embed/da/html-formatter" width="100%" height="640" style="border:1px solid #e5e5e5;border-radius:12px;max-width:680px" loading="lazy" title="Monu Tools"></iframe>Relaterede værktøjer
Forskøn og forfin JavaScript med ensartet indrykning og mellemrum. Kører fuldt ud i din browser.
Konvertér CSV til en Excel-.xlsx-fil og Excel tilbage til CSV, fuldt ud i din browser. Fungerer i begge retninger.
Generér TypeScript-interfaces fra et JSON-eksempel, med indlejrede typer, arrays og valgfrie felter. Kører i din browser.
Konvertér JSON til XML og XML tilbage til JSON, i begge retninger, fuldt ud i din browser.