Monu Tools

HTML-formatter

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

  1. 01

    Indsæt din HTML i inputfeltet.

  2. 02

    Vælg Forskøn for at indrykke den eller Minificér for at komprimere den.

  3. 03

    Vælg indrykningsstørrelsen, og kopiér derefter resultatet.

Hvad HTML-formateringen gør

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.

Elementer den lader være urørt

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.

Sådan fungerer minificering

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.

Hvorfor den beholder et mellemrum mellem tags

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

Hvad gør forskønning af HTML?

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.

Hvordan fungerer HTML-minificering?

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.

Bliver min HTML sendt til en server?

Nej. Både forskønning og minificering kører fuldt ud i din browser, så din markup forlader aldrig din enhed.

Kilder

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