HTML-formatering og minificering - Formatér HTML online gratis

Forskøn rodet HTML med korrekt indrykning, eller minificer til én linje. Slip en .html-fil eller indsæt, og kopiér eller download derefter den oprydddede opmærkning.

Indsæt din HTML her…

eller slip en .html-fil

Filer slettes automatisk efter behandlingIngen vandmærkerGratis at bruge — ingen tilmelding påkrævet

Frequently Asked Questions

Indsæt vilkårlig HTML — selv minificeret output på én linje fra en build-pipeline — og værktøjet omformaterer det med korrekt indrykning, ét tag pr. linje og ensartet mellemrum. Vælg indrykning på 2, 4 eller 8 mellemrum. Outputtet er klar til at sætte ind i din editor eller indsætte i en kodeanmeldelseskommentar.

usage

Forskønnelse udvider HTML for læsbarhed: hvert tag på sin egen linje, indlejrede elementer indrykket og tomme linjer bevaret mellem sektioner. Minimering fjerner kommentarer, samler mellemrum og fjerner linjeskift, så filen leveres i færre bytes. Brug forskønnelse til redigering og gennemgang og minimering til produktionsudrulning.

features

Nej – js-beautify (motoren under motorhjelmen) registrerer script- og style-blokke og formaterer deres indhold efter de relevante JS- eller CSS-regler, så inline-scripts forbliver gyldige og stylesheets forbliver læsbare. Selvlukkende tags, void-elementer og namespace-attributter (svg:xmlns, xlink:href) håndteres alle korrekt.

technical

Det håndterer almindelig HTML og HTML-lignende skabeloner godt, men ren JSX (udtryk med krøllede parenteser, fragmenter, komponent-tags med stort begyndelsesbogstav) fortolkes som HTML og kan få mindre kosmetiske problemer. Til framework-specifik kode anbefaler vi Prettier konfigureret til din dialekt; til ren HTML, .htm og skabelonfiler er vores værktøj perfekt.

features

Der sker ingen upload. Formateringsværktøjet kører udelukkende i din browser med js-beautify, så du trygt kan indsætte interne sideskabeloner, mailudkast eller HTML med private data, uden at noget forlader din enhed.

privacy

Minificering fjerner HTML-kommentarer, reducerer enhver sekvens af mellemrum mellem tags til ét enkelt mellemrum og fjerner linjeskift. Resultatet er HTML, der renderes byte-identisk, men typisk er 10-30 % mindre. Kombineret med gzip på serveren reducerer dette mærkbart den indledende sidevægt på indholdstunge sider.

technical

Ja — klik på Download for at gemme det formaterede output som output.html eller det minificerede output som output.min.html. Filen er UTF-8-kodet, så den fungerer lige godt med engelsk, kyrillisk, CJK og højre-mod-venstre-indhold.

tips

Det er et lille værktøj, der kun kører i browseren — uden hostingomkostninger — så vi tilbyder det gratis som en del af vores værktøjskasse til udviklere. Ingen reklamer, ingen sporing af outputtet og ingen grænser for filstørrelse ud over, hvad din browser kan rumme i hukommelsen.

pricing

How HTML Prettify helps you get it done

Real problems it solves every day — for businesses, creators, and everyday tasks. Find the use case that fits you and start in seconds.

Marketing

Oprydning i e-mailskabeloner

HTML til marketingmails kommer ofte fra ESP'er som én enkelt minificeret klump. Forskøn den for at inspicere strukturen, finde den ødelagte tabelkolonne og rette en slåfejl, før du sender den næste udsendelse.

For Developers

CMS-indholdsmigrering

At eksportere fra ét CMS og importere til et andet indebærer som regel at flytte HTML. Forskønnelse gør forskelle læsbare, minificering reducerer datamængden, og begge tilstande bevarer indholdets nøjagtighed.

For Developers

Output fra web scraping

Rå HTML, der er skrabet fra en hjemmeside, er ulæselig uden formatering. Forskøn resultatet for at finde den CSS-selektor, du har brug for, og skriv derefter udtræksreglen til din scraper.

Web & SEO

Optimering af statiske sites

Minificér genereret HTML fra din statiske sidegenerator, før du deployer. Det skærer 10-30 % af filstørrelsen oven i gzip – en målbar forbedring af first-paint-tider på indholdstunge sider.

Publishing

Dokumentationsuddrag

Når du indsætter HTML-eksempler i dokumentation, blogindlæg eller README-filer, så gør dem pæne (beautify) først, så læserne kan følge strukturen. Gem den minificerede version til sammenligningen med "produktionsoutput".

For Developers

JSX-refaktoreringshjælper

Før du konverterer et stykke HTML til JSX, så forskøn det, så konverteringsscriptet ser et rent træ. Det sparer manuel omformatering i din React/Vue-migrering.