HTML-formaterare
Klistra in markup så placerar denna lokala formaterare taggar och text på indragna rader. Välj två eller fyra blanksteg, granska resultatet och kopiera det för läsning eller granskning. Din HTML stannar i den här webbläsarsessionen.
Formatera HTML i tre steg
-
1
Klistra in markup
Lägg till HTML som du vill granska. Den skickas inte till en server.
-
2
Välj indrag
Använd två eller fyra blanksteg för varje kapslingsnivå.
-
3
Granska och kopiera
Kontrollera den formaterade texten innan du använder den på annat håll.
Vad formateraren gör
Formateraren är en enkel strukturläsare, inte en komplett HTML-parser. Den lägger öppnande och stängande taggar, kommentarer, deklarationer och text på separata rader och tillämpar sedan valt indrag. Vanliga tomma element som <img>, <br> och <meta> skapar ingen ny nivå.
Block som börjar med <pre>, <code>, <textarea>, <script> eller <style> hålls samman precis som de matades in. Verktyget validerar inte markup, reparerar inte öppna taggar, bryter inte attribut, normaliserar inte självstängande syntax och tolkar inte CSS- eller JavaScript-semantik.
Formatering kan ändra blanksteg runt vanliga textnoder. Se resultatet som en mer läsbar arbetskopia och jämför innan du sparar eller publicerar en mall som är känslig för blanksteg. Använd en HTML-validerare för validering.
Vanliga frågor
Nej. Formatering och kopiering sker i webbläsaren. Flödesstegen behåller bara inmatningen tillfälligt i sessionslagring.
Nej. Det använder bara enkel indragning och kan inte avgöra om markup är giltig eller semantiskt korrekt.
Nej. Kompletta script- och style-block lämnas som de matades in.
Relaterade verktyg
ASCII-tabellreferens
Full ASCII-tabell från 0 till 127 med decimal-, hex-, oktal- och binärvärden samt notation för numeriska HTML-referenser, inklusive NUL, LF och DEL.
HTML-teckenreferens
En sökbar lista över HTML-entiteter med deras namngivna och numeriska koder samt kopiering med ett klick för specialtecken och symboler.
Referens för kortkommandon
Sök dokumenterade standardkommandon för VS Code, Chrome och Bash med GNU Readline i macOS, Windows och Linux.
Färgpalettgenerator
Skapa monokromatiska, analoga, komplementära, triadiska eller tetradiska färgpaletter från en HEX-basfärg och exportera kopieringsklara CSS-variabler.
Slumpgenerator för bokstäver
Generera slumpade A-Z-bokstäver. Välj antal, versaler, gemener eller blandat läge och använd resultatet för spel, uppgifter eller klassrumsaktiviteter.
Slumpmässig färggenerator
Generera 1 till 50 slumpmässiga HEX-färger med färgrutor som du kan förhandsvisa, kopiera och använda i CSS, tester eller palettskissning.