Indata

Utdata

Vad är en HTML Formatter?

En HTML Formatter tar stökig, minifierad eller dåligt indenterad HTML-kod och omvandlar den till ren, korrekt indenterad kod. Oavsett om du arbetar med ett fragment eller en hel sida lägger formataren till konsekventa indragningar, justerar öppnings- och stängningstaggar och gör dokumentstrukturen synlig.

Välformaterad HTML är lättare att läsa, felsöka och underhålla. Formataren respekterar HTML-standardens konventioner: korrekt elementnästning, hantering av tomma element som <br>, <img> och <input>, och bevarande av innehåll i <pre>-, <script>- och <style>-block.

Allt körs i din webbläsare. Ingen serverladdning, ingen datainsamling. Klistra in din HTML, få det formaterade resultatet och kopiera eller ladda ned det. Din kod förblir privat.

Hur man använder HTML Formatter

Följ dessa tre steg för att prettifiera din HTML.

Klistra in, ladda upp eller läs in exempel

Klistra in HTML i den vänstra Indata-panelen eller klicka på Ladda upp för att läsa in en .html-, .htm- eller .txt-fil. Klicka på Exempel för att se en stökig HTML-exempelfil.

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

Formataren hanterar all HTML: kompletta dokument, partiella fragment eller enstaka element.

Granska det formaterade resultatet

Den högra Utdata-panelen visar den prettifierade HTML:en direkt. Nästlade element får 2-mellanslagsindraging och tagghierarkin blir tydlig.

Kopiera, ladda ned eller minifiera

Klicka på Kopiera för att kopiera till urklipp. Klicka på Ladda ned för att spara som .html. Behöver du kompakt HTML? Klicka på Minifiera.

När du använder detta

Rensa minifierad HTML

Produktions-HTML är ofta minifierad. När du behöver granska eller ändra den återställer den här formataren korrekt indragning så att du kan förstå strukturen.

Formatera e-postmallar

E-post-HTML är notoriskt stökig med djupt nästlade tabeller och inline-stilar. Formatering gör den hanterbar att felsöka renderingsproblem.

Städa upp CMS-utdata

Innehållshanteringssystem genererar ofta uppblåst, dåligt formaterad HTML. Kör den genom formataren för att rensa den innan du redigerar eller migrerar innehåll.

Standardisera teamkod

När flera utvecklare bidrar med HTML-kod varierar formateringsstilarna. Använd det här verktyget för att tillämpa konsekventa indragningar och struktur i ett projekt.

Vanliga frågor

Ändrar formataren strukturen på min HTML?

Nej. Den justerar bara blanksteg och indragning. Den lägger inte till, tar bort eller ändrar ordning på HTML-element, attribut eller innehåll.

Hur hanteras tomma element?

Tomma element som <br>, <hr>, <img> och <input> känns igen som självstängande och placeras på en egen rad.

Sparas min HTML-data?

Nej. All formatering sker i webbläsaren med JavaScript. Din HTML lämnar aldrig din dator.

Vilken indragning används?

2 mellanslag per indragningsnivå, den vanligaste konventionen för HTML.

Bevaras innehållet i script- och style-taggar?

Ja. Innehållet i <pre>-, <script>-, <style>- och <textarea>-taggar bevaras exakt som det är.

Kan jag formatera partiella HTML-fragment?

Självklart. Inget komplett HTML-dokument behövs. Formataren fungerar med vilket HTML-fragment som helst.

Relaterade HTML- och formateringsverktyg

Formatering är bara en del av att arbeta med HTML. Här är andra kompletterande verktyg: