HTML Formatter

Om det här verktyget

HTML-formateraren och -vackraren är ett kostnadsfritt onlineverktyg som omvandlar komprimerad eller dåligt indragen HTML till ren, läsbar uppmärkning med konsekvent indragning. Den förstår skillnaden mellan blockelement och inlineelement och håller inline-innehåll som strong, em och a på en rad medan den korrekt nästlar blockelement som div, section och ul.

Minify-läget tar bort kommentarer och komprimerar blanksteg för minsta möjliga utdata. All bearbetning sker i din webbläsare — inget HTML skickas någonsin till en server.

Hur man använder

1. Klistra in ditt HTML-innehåll i inmatningspanelen.
2. Välj önskad indragning (2 eller 4 mellanslag).
3. Klicka på Format för att formatera, eller Minify för att minifiera.
4. Kopiera resultatet med knappen Copy.

Användningsfall

Frontend-utvecklare använder detta för att rensa upp HTML exporterad från designverktyg som Figma eller Adobe XD.

Vanliga frågor

• Validerar den HTML? — Verktyget använder webbläsarens inbyggda HTML-parser som automatiskt korrigerar mindre fel (som saknade avslutande taggar). Det rapporterar inte valideringsfel explicit, men utdatan visar den korrigerade strukturen.
• Hanteras void-element korrekt? — Ja. Självstängande taggar som img, br och input matas ut utan avslutande tagg, enligt HTML5-specifikationen.
• Är mina data säkra? — All bearbetning sker lokalt i din webbläsare. Inget HTML skickas någonsin till någon server.