Inndata

Utdata

Hva er en HTML Formatter?

En HTML Formatter tar rotete, minifisert eller dårlig innrykket HTML-kode og omformer den til ren, korrekt innrykket kode. Formatteren legger til konsekvent innrykk, justerer åpnings- og lukkingstagger og gjør dokumentstrukturen synlig.

Velformatert HTML er enklere å lese, feilsøke og vedlikeholde. Formatteren respekterer HTML-standardens konvensjoner: korrekt elementnesting, håndtering av tomme elementer som <br>, <img> og <input>, og bevaring av innhold i <pre>-, <script>- og <style>-blokker.

Alt kjøres i nettleseren din. Ingen serverlasting, ingen datainnsamling. Lim inn HTML-en din, få det formaterte resultatet og kopier eller last ned det. Koden din forblir privat.

Slik bruker du HTML Formatter

Følg disse tre trinnene for å forskjønne HTML-en din.

Lim inn, last opp eller les inn eksempel

Lim inn HTML i venstre Inndata-panel eller klikk på Last opp for å lese inn en .html-, .htm- eller .txt-fil. Klikk på Eksempel for å se en rotete HTML-eksempelfil.

<div class="wrapper"><h1>Hei</h1><p>Verden</p><ul><li>Punkt 1</li><li>Punkt 2</li></ul></div>

Formatteren håndterer all HTML: komplette dokumenter, delvise fragmenter eller enkelte elementer.

Gjennomgå det formaterte resultatet

Høyre Utdata-panel viser den forskjønnede HTML-en umiddelbart. Nestede elementer får 2-mellomroms innrykk, og tagghierarkiet blir tydelig.

Kopier, last ned eller minifiser

Klikk på Kopier for å kopiere til utklippstavle. Klikk på Last ned for å lagre som .html. Trenger du kompakt HTML? Klikk på Minifiser.

Når du bruker dette

Rense minifisert HTML

Produksjons-HTML er ofte minifisert. Når du trenger å gjennomgå eller endre den, gjenoppretter formatteren korrekt innrykk slik at du kan forstå strukturen.

Formatere e-postmaler

E-post-HTML er notorisk rotete med dypt nestede tabeller og inline-stiler. Formatering gjør det håndterbart å feilsøke renderingsproblemer.

Rydde opp CMS-utdata

Innholdsstyringssystemer genererer ofte oppblåst, dårlig formatert HTML. Kjør den gjennom formatteren for å rense den.

Standardisere teamkode

Når flere utviklere bidrar med HTML-kode, varierer formateringsstilene. Bruk dette verktøyet for å anvende konsekvent innrykk og struktur.

Ofte stilte spørsmål

Endrer formatteren strukturen til HTML-en min?

Nei. Den justerer bare mellomrom og innrykk. Den legger ikke til, fjerner eller endrer rekkefølgen på HTML-elementer, attributter eller innhold.

Hvordan håndteres tomme elementer?

Tomme elementer som <br>, <hr>, <img> og <input> gjenkjennes som selvlukkende og plasseres på en egen linje.

Lagres HTML-dataene mine?

Nei. All formatering skjer i nettleseren med JavaScript. HTML-en din forlater aldri datamaskinen din.

Hvilket innrykk brukes?

2 mellomrom per innrykksnivå, den vanligste konvensjonen for HTML.

Bevares innholdet i script- og style-tagger?

Ja. Innholdet i <pre>-, <script>-, <style>- og <textarea>-tagger bevares nøyaktig som det er.

Kan jeg formatere delvise HTML-fragmenter?

Selvfølgelig. Intet komplett HTML-dokument er nødvendig. Formatteren fungerer med ethvert HTML-fragment.

Relaterte HTML- og formateringsverktøy

Formatering er bare en del av å jobbe med HTML. Her er andre supplerende verktøy: