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
Færdig med HTML-formatering? Prøv disse herefter
Håndplukkede værktøjer, der passer godt sammen med HTML-formatering. Fortsæt uden at miste din fil.
JSON-forskønnelse
Formatér, validér og minificér JSON i din browser. Pæn indrykning med 2 / 4 / 8 mellemrum eller minificering på én linje med kopiering + download.
Prøv det nuMarkdown-editor
Skriv Markdown med live HTML-forhåndsvisning. Overskrifter, lister, tabeller, kodeblokke, citatblokke. Eksportér til HTML eller Markdown.
Prøv det nuDiff-checker
Sammenlign to tekststykker linje for linje. Opdelt eller samlet visning, valgfri ignorering af mellemrum og ignorering af store/små bogstaver.
Prøv det nuBillede til HTML
Konvertér skærmbilleder til ren HTML med ægte <table>-elementer og struktureret markup.
Prøv det nuPDF til HTML
Konvertér PDF til semantisk HTML med ægte <table>-elementer. Virker på scannede PDF'er.
Prøv det nuBase64-encoder/-decoder
Indkod tekst eller filer til Base64 (med URL-sikker variant), eller afkod Base64 tilbage til tekst. UTF-8-sikkert.
Prøv det nuFrequently 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.
usageForskø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.
featuresNej – 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.
technicalDet 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.
featuresDer 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.
privacyMinificering 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.
technicalJa — 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.
tipsDet 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.
pricingHow 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.
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.
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.
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.
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.
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".
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.
Pixoate