Input

Output

Hvad er en HTML Formatter?

En HTML Formatter tager rodet, minificeret eller dårligt indrykket HTML-kode og omdanner den til ren, korrekt indrykket kode. Formatteren tilføjer konsekvent indrykning, justerer åbnings- og lukningstags og gør dokumentstrukturen synlig.

Velformateret HTML er lettere at læse, fejlsøge og vedligeholde. Formatteren respekterer HTML-standardens konventioner: korrekt elementindlejring, håndtering af tomme elementer som <br>, <img> og <input>, og bevaring af indhold i <pre>-, <script>- og <style>-blokke.

Alt kører i din browser. Ingen serverindlæsning, ingen dataindsamling. Indsæt din HTML, få det formaterede resultat og kopier eller download det. Din kode forbliver privat.

Sådan bruger du HTML Formatter

Følg disse tre trin for at forskønne din HTML.

Indsæt, upload eller indlæs eksempel

Indsæt HTML i venstre Input-panel eller klik på Upload for at indlæse en .html-, .htm- eller .txt-fil. Klik på Eksempel for at se en rodet HTML-eksempelfil.

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

Formatteren håndterer al HTML: komplette dokumenter, partielle fragmenter eller enkelte elementer.

Gennemse det formaterede resultat

Højre Output-panel viser den forskønnede HTML øjeblikkeligt. Indlejrede elementer får 2-mellemrums indrykning, og taghierarkiet bliver tydeligt.

Kopier, download eller minificer

Klik på Kopier for at kopiere til udklipsholder. Klik på Download for at gemme som .html. Har du brug for kompakt HTML? Klik på Minificer.

Hvornår du bruger dette

Rens minificeret HTML

Produktions-HTML er ofte minificeret. Når du skal gennemse eller ændre den, genskaber formatteren korrekt indrykning, så du kan forstå strukturen.

Formater e-mailskabeloner

E-mail-HTML er notorisk rodet med dybt indlejrede tabeller og inline-stilarter. Formatering gør det overkommeligt at fejlsøge renderingsproblemer.

Ryd op i CMS-output

Indholdsstyringssystemer genererer ofte oppustet, dårligt formateret HTML. Kør den gennem formatteren for at rense den.

Standardiser teamkode

Når flere udviklere bidrager med HTML-kode, varierer formateringsstilene. Brug dette værktøj til at anvende konsekvent indrykning og struktur.

Ofte stillede spørgsmål

Ændrer formatteren strukturen af min HTML?

Nej. Den justerer kun mellemrum og indrykning. Den tilføjer, fjerner eller ændrer ikke rækkefølgen af HTML-elementer, attributter eller indhold.

Hvordan håndteres tomme elementer?

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

Gemmes min HTML-data?

Nej. Al formatering sker i browseren med JavaScript. Din HTML forlader aldrig din computer.

Hvilken indrykning bruges?

2 mellemrum per indrykningsniveau, den mest udbredte konvention for HTML.

Bevares indholdet i script- og style-tags?

Ja. Indholdet i <pre>-, <script>-, <style>- og <textarea>-tags bevares nøjagtigt som det er.

Kan jeg formatere partielle HTML-fragmenter?

Selvfølgelig. Intet komplet HTML-dokument er nødvendigt. Formatteren fungerer med ethvert HTML-fragment.

Relaterede HTML- og formateringsværktøjer

Formatering er kun en del af at arbejde med HTML. Her er andre supplerende værktøjer: