HTML-formatering og -minifisering – formater HTML på nett gratis

Lim inn hvilken som helst HTML – selv minifisert utdata på én linje fra en byggepipeline – så formaterer verktøyet den på nytt med riktig innrykk, én tag per linje og konsekvent mellomrom. Velg innrykk på 2, 4 eller 8 mellomrom. Resultatet er klart til å settes inn i editoren din eller limes inn i en kommentar i en kodegjennomgang.

Forskjønn utvider HTML for lesbarhet: hver tag på sin egen linje, nøstede underelementer med innrykk og tomme linjer bevart mellom seksjoner. Minimer fjerner kommentarer, komprimerer sammenhengende mellomrom og fjerner linjeskift slik at filen leveres med færre byte. Bruk forskjønn for redigering og gjennomgang, minimer for produksjonsutrulling.

Nei – js-beautify (motoren under panseret) oppdager script- og style-blokker og formaterer innholdet deres med de riktige JS- eller CSS-reglene, slik at innebygde skript forblir gyldige og stilark forblir lesbare. Selvlukkende tagger, tomme elementer og navneromsattributter (svg:xmlns, xlink:href) håndteres alle korrekt.

Det håndterer ren HTML og HTML-lignende maler godt, men ren JSX (uttrykk i krøllparenteser, fragmenter, komponenttagger med stor forbokstav) tolkes som HTML og kan få mindre kosmetiske feil. For rammeverkspesifikk kode anbefaler vi Prettier konfigurert for din dialekt; for ren HTML, .htm og malfiler er verktøyet vårt perfekt.

Ingen opplasting skjer. Formateringsverktøyet kjører fullstendig i nettleseren din med js-beautify, så du trygt kan lime inn interne sidemaler, e-postutkast eller HTML med private data uten at noe forlater enheten din.

Minifisering fjerner HTML-kommentarer, slår sammen alle sammenhengende mellomrom mellom tagger til ett enkelt mellomrom og fjerner linjeskift. Resultatet er HTML som gjengis bytenøyaktig likt, men som typisk er 10–30 % mindre. Kombinert med gzip på serveren reduserer dette innledende sidevekt merkbart på innholdstunge sider.

Ja — klikk Last ned for å lagre det formaterte resultatet som output.html eller det minifiserte resultatet som output.min.html. Filen er UTF-8-kodet, så den fungerer like godt med engelsk, kyrillisk, CJK og høyre-til-venstre-innhold.

Det er et lite verktøy som kun kjører i nettleseren – null hostingkostnad – så vi tilbyr det gratis som en del av utviklerverktøysettet vårt. Ingen annonser, ingen sporing av resultatet, ingen grense for filstørrelse utover det nettleseren din kan holde i minnet.

Forskjønnings-modus lar deg velge 2, 4 eller 8 mellomrom innrykk. Velg bredden som editoren eller kodestilen din bruker, og kopier deretter resultatet eller last det ned som output.html slik at formateringen overføres rett inn i prosjektet ditt.

The indent selector (2, 4 or 8 spaces) only applies in Prettify mode, since Minify strips all whitespace and line breaks by design — there is nothing left to indent. Switch back to Prettify to see the indent width take effect again.

Mens du limer inn eller redigerer, kjører verktøyet automatisk en strukturkontroll og lister opp alle uavsluttede, feilmatchede eller løse sluttagger rett under utdatapanelet — ingen egen knapp nødvendig. En grønn melding, «Ingen strukturfeil funnet», bekrefter at markupen er velformet.

Use Prettify mode with 2-space indent — it's the most common convention and keeps diffs compact — then check the structural-issues panel to confirm they haven't left an unclosed tag. Once reviewed, switch to Minify mode before shipping to production to strip the extra whitespace back out.

Yes — drag an .html, .htm or .xhtml file onto the upload area, or click it to browse, and its contents load straight into the input box exactly as if you'd pasted them. From there, Prettify, Minify, indent width and the structural checker all work identically whether the markup came from a file or a paste.

Yes — once there's output, a Copy button appears next to the output panel and the primary action area. Clicking it copies the current Prettify or Minify result to your clipboard instantly (it briefly shows 'Copied!' for confirmation), so you can paste directly into your editor or a code review comment without saving an intermediate .html file.