Formatteraren fokuserar på en struktur som går snabbt att läsa. Kapslade element placeras på rätt djup, medan attribut, kommentarer, deklarationer och textinnehåll förblir synliga. Kommentarer tas inte bort och filen komprimeras inte, så verktyget ersätter inte en HTML minifier. Din markup behandlas lokalt och laddas aldrig upp.
Gratis HTML formatter
Körs helt i din webbläsare - inget laddas upp, ingen registrering.
HTML
Formaterad HTML
Klistra in HTML för att formatera den
Vad gör en HTML formatter?
En HTML formatter gör om kompakt eller ojämnt indenterad markup till läsbar HTML med en enhetlig struktur. Klistra in ett dokument eller en kodsnutt, välj två mellanslag, fyra mellanslag eller tabbar och kopiera resultatet. Verktyget känner igen HTML5 void-element, vanliga valfria sluttaggar och raw text i script och style. Allt behandlas i webbläsaren.
Så använder du verktyget
- 1Klistra in HTML. Lägg ett helt HTML-dokument, en mall eller en kodsnutt i inmatningsfältet, eller ladda exemplet.
- 2Välj indentering. Välj två mellanslag, fyra mellanslag eller tabbar. Den formaterade utdata uppdateras direkt.
- 3Kontrollera strukturen. Se antalet element, attribut och djupnivåer och gå sedan igenom det indenterade resultatet.
- 4Kopiera resultatet. Kopiera formaterad HTML till din editor, ditt CMS eller en kodgranskning.
Vem passar det för
- Frontendutvecklare som städar en kompakt mall innan de felsöker nästning eller granskar en kodändring.
- E-postutvecklare som gör exporterad nyhetsbrevsmarkup lättare att läsa utan att skicka privat kampanj-HTML till en server.
- CMS-redaktörer som reder ut en kopierad komponent eller ett sidfragment innan de ändrar klasser, länkar eller innehåll.
- Studenter som vill se relationen mellan förälder och barn i ett riktigt HTML-dokument med hjälp av konsekvent indentering.
Vanliga frågor
Är HTML formatter gratis?
Ja. Du använder verktyget gratis, utan konto, nedladdning eller användningsgräns. Klistra in ett HTML-dokument eller en kodsnutt, välj indentering och kopiera resultatet direkt från webbläsaren.
Laddas min HTML upp någonstans?
Nej. Formateringen sker lokalt i webbläsaren. Inklistrad HTML skickas inte till en server, så du kan arbeta med interna mallar, opublicerade landningssidor, e-postmarkup och kodsnuttar med privata URL:er eller identifierare.
Hur mycket HTML kan jag formatera?
Det finns ingen fast servergräns eftersom ingenting laddas upp. Mycket stora dokument begränsas av minnet i webbläsaren och enheten, men vanliga sidor, komponenter, e-postmallar och källkodsfragment behandlas snabbt.
Hanterar formatteraren taggar utan sluttagg?
Ja. Den känner igen HTML5 void-element som img, br, input, meta och link, som inte behöver någon sluttagg. Vid indenteringen hanteras även valfria sluttaggar för listobjekt, stycken, option, tabellrader och tabellceller.
Ändras innehållet i script och style?
Formatteraren behandlar innehållet i script och style som raw text. Jämförelseoperatorer, CSS-selektorer och strängar med mindre än-tecken misstolkas inte som HTML-taggar. Blockets indentering justeras, men JavaScript och CSS skrivs inte om.
Validerar eller reparerar verktyget ogiltig HTML?
Nej. Det här är en formatterare, inte en standardvalidator eller automatisk reparation. Den rapporterar tydligt oavslutade kommentarer, deklarationer, taggar och raw-text-element, men accepterar de valfria sluttaggar som HTML tillåter. Använd Nu HTML Checker för en kontroll mot standarden.
Vad är skillnaden mellan en HTML formatter och minifier?
En formatterare lägger till radbrytningar och indentering så att markup blir lätt att läsa och redigera. En minifier tar bort valfria blanksteg och ibland kommentarer för att minska överföringsstorleken. Den här sidan formaterar bara HTML och behåller avsiktligt kommentarer och synligt innehåll.