HTML gražintuvas ir minifikatorius nemokamai
Gražiai suformatuokite arba sumažinkite HTML su tinkama įdėtų elementų įtrauka. Išsaugo turinį <pre>, <script>, <style> blokuose.
Nuvilkite failą čia arba spustelėkite, kad pasirinktumėte
HTML, HTM · apdorojama jūsų įrenginyje
arba paspauskite Ctrl+V, kad įklijuotumėte iš iškarpinės
Išvestis pasirodys čia…Dažniausi naudojimo būdai
- Debug Server-Rendered HTMLPeržiūrėkite žalią HTML išvestį iš savo serverio (PHP, Rails, Django, Node) skaitomame gilinamos formate.
- Formatuokite el. pašto HTML šablonusEl. pašto HTML yra išsamus (lentelės, įterpti stiliai). Formatuokite, kad redaguotina ir prižiūrėtina.
- Formatuokite statinius HTML puslapiusRankiniu būdu redaguoti statini HTML failai naudojasi nuo nuoseklaus formatavimo bendradarbinio redagavimo.
- Išvalykite HTML eksportuotą iš CMSWordPress, Wix, Squarespace eksporte HTML su daug artefaktų. Formatuokite, kad redaguotina.
- Minifikuokite HTML gamybaiSumažinkite HTML failo dydį greitesniam puslapio užkrovimui nuimdami tarpą ir nereikalingus simbolius.
Kaip tai veikia
Šis įrankis formatuoja ar suspaudžia HTML, naudodamas rankomis parašytą žymas atpažįstantį žetonizatorių, integruotą tiesiai į puslapį — jokios trečiosios šalies formatavimo bibliotekos, jokio kreipimosi į serverį. Kiekvienas jūsų žymėjimo simbolis apdorojamas vietoje, naršyklėje, kai tik jį rašote ar įklijuojate.
- 1Žetonizatorius nuskaito žymėjimąIndividualus simbolis po simbolio skaitytuvas nuskaito HTML eilutę, nustatydamas komentarus, DOCTYPE deklaracijas, atidarančias žymas, uždarančias žymas, savaime užsidarančius tuščius elementus (br, img, input ir t.t.) ir neapdorotus teksto mazgus. Specialus pagalbininkas seka kabutėse esančias atributų reikšmes, kad simboliai, tokie kaip > atributo viduje (pvz., value="a>b"), niekada neleistų žymai priešlaikiai pasibaigti.
- 2Įtraukos gylis sekamas kiekvienai žymaiSutvarkymo režimui žetonizatorius palaiko gylio skaitiklį. Blokinio lygio atidarančios žymos didina gylį; uždarančios žymos jį mažina prieš jas parašant. Vidinio lygio elementai (span, a, strong, em ir t.t.) paliekami toje pačioje eilutėje su savo turiniu, o ne perkeliami į atskirą įtrauktą eilutę. Žymos, tokios kaip pre, script, style ir textarea, savo vidinį turinį rodo pažodžiui, kad neiškraipytų tarpams jautraus ar vykdomo kodo.
- 3Sutraukiklis saugiai sutraukia tarpusSutraukimo režime pre, script, style ir textarea blokų turinys pakeičiamas sunumeruotais sargybiniais prieš bet kokį tarpų sutraukimą. HTML komentarai pašalinami, o tarpų sekos tarp žymų pašalinamos — išskyrus tarp gretimų vidinio lygio elementų, kur išlaikomas vienas tarpas, kad žodžiai nesusilietų. Tada sargybiniai grąžinami į savo originalų turinį.
- 4Išvestis rodoma ir pasirenkamai išsaugomaSuformatuotas ar sutrauktas rezultatas rodomas gyvai išvesties skydelyje kartu su dydžio pokyčio procentu. Galite jį nukopijuoti į iškarpinę arba atsisiųsti kaip .html failą, viskas neišeinant iš naršyklės.
Susiję įrankiai
CSS gražintuvas
Suformatuokite sumažintą CSS su vienodais įtrauktimis arba jį sumažinkite. Pasirenkamas savybių rikiavimas abėcėlės tvarka, kad skirtumai būtų aiškūs.
CSS minifikatorius ir formatuotojas
Minifikuokite CSS, kad sumažintumėte failo dydį, arba formatuokite minifikuotą CSS skaitomumui. Momentaliai, jūsų naršyklėje.
XML formatuotojas ir tikrintuvas
Gražiai spausdinkite ir tikrinkite XML naudodami jūsų naršyklės vietinį DOM analizatorių. Apima minifikuotą išvestį gamybos naudojimui.