Monu Tools

HTML-formaterer

Forskjønn HTML med blokkbevisst innrykk, eller forminsk den. Innholdet i pre, textarea, script og style bevares.

Slik bruker du HTML-formaterer

  1. 01

    Lim inn HTML-en din i inndatafeltet.

  2. 02

    Velg Forskjønn for å rykke den inn eller Forminsk for å komprimere den.

  3. 03

    Velg innrykksstørrelsen, og kopier så resultatet.

Hva HTML-formatereren gjør

Dette er en HTML-formaterer som forskjønner oppmerking med blokk- og inline-bevisst innrykk, eller minifiserer den ved å slå sammen mellomrom og fjerne kommentarer. Du velger innrykksstørrelsen ved forskjønning.

Forskjønning rykker inn elementer etter hvordan de nøstes, så strukturen i et dokument, hvilke elementer som inneholder hvilke, blir åpenbar. Det gjør håndskrevet eller generert HTML langt lettere å lese og feilsøke.

Både forskjønning og minifisering kjører helt i nettleseren din, så oppmerkingen din forlater aldri enheten din.

Elementer den lar være urørt

Den lar bevisst innholdet i pre, textarea, script og style være urørt, fordi mellomrom inne i disse elementene er betydningsbærende: å omformatere dem ville endre forhåndsformatert tekst, det brukere skriver, eller meningen i koden din.

Hvordan minifisering fungerer

Minifisering fjerner kommentarer og slår sammen serier av mellomrom, noe som trimmer filstørrelsen nettlesere må laste ned. Den er mest nyttig som et byggetrinn for produksjonssider.

Hvorfor den beholder et mellomrom mellom tagger

Minifisereren beholder et enkelt mellomrom mellom tagger i stedet for å fjerne det helt, fordi mellomrom mellom inline-elementer faktisk gjengis, og å droppe det kan forskyve layouten din. Denne forsiktigheten unngår de subtile visuelle feilene aggressive minifiserere kan forårsake.

Ofte stilte spørsmål

Hva gjør det å forskjønne HTML?

Den rykker inn elementer basert på nesting og struktur, mens den lar innholdet i pre, textarea, script og style være urørt, siden mellomrom der er signifikant.

Hvordan fungerer HTML-forminsking?

Den fjerner kommentarer og slår sammen rekker av mellomrom til ett enkelt mellomrom. Den beholder enkle mellomrom mellom tagger i stedet for å fjerne dem, fordi mellomrom mellom inline-elementer vises og å droppe det kan forskyve oppsettet.

Sendes HTML-en min til en server?

Nei. Både forskjønn og forminsk kjører helt i nettleseren din, så markupen din forlater aldri enheten din.

Kilder

Bygg inn dette verktøyet

Legg til dette verktøyet på ditt eget nettsted. Kopier kodesnutten nedenfor; den holdes automatisk oppdatert.

<iframe src="https://monu.tools/embed/nb/html-formatter" width="100%" height="640" style="border:1px solid #e5e5e5;border-radius:12px;max-width:680px" loading="lazy" title="Monu Tools"></iframe>

Relaterte verktøy