Kako zamaknem neurejen HTML?

Prilepite svoj HTML z izbrano možnostjo Ulepšaj, nato nastavite Zamik na 2 presledka, 4 presledki ali Tabulatorji. Izhod se posodablja sproti, vi pa ga lahko kopirate ali prenesete datoteko .html. Naloži primer prikaže vzorec.

Ali lahko prelomi dolge vrstice ali formatira vrstični CSS in JavaScript?

Da. Prelom ponuja Brez preloma, 80 stolpcev ali 120 stolpcev, možnost Formatiraj oznake style in script pa formatira tudi CSS in JavaScript znotraj teh blokov. Vsebina v pre in textarea ostane točno takšna, kot je zapisana.

Kako minimificiram HTML za produkcijo?

Izberite Minimificiraj. Presledki med oznakami so strnjeni, komentarji pa odstranjeni, razen če obkljukate Ohrani komentarje. Izbirna potrditvena polja so Odstrani neobvezne narekovaje, Skrajšaj logične atribute in minimificiranje vdelanih slogov, skript in atributov style.

Ali bo minimifikacija pokvarila moje bloke pre ali skripte?

Vsebina pre, script, style in textarea je med strnjevanjem presledkov zaščitena, med sosednjimi vrstičnimi elementi pa se ohrani presledek, da se besede ne zlepijo. Izbirna vdelana minimifikacija se uporabi le, če jo obkljukate.

Ali se moj HTML pošlje na strežnik?

Ne. Tokenizator, vgrajen v stran, obdela označevalni jezik v vašem brskalniku, zato zasebne predloge in e-poštni HTML ostanejo na vaši napravi. Nobena zunanja knjižnica za formatiranje ni naložena.

Ali je res brezplačno?

Da. Vsako orodje je brezplačno za uporabo, brez računa in kreditne kartice. Delo poteka na vaši napravi in ne na naših strežnikih, kar omogoča brezplačno delovanje.

Ali deluje na mobilniku?

Da. Deluje v sodobnih mobilnih brskalnikih na iOS in Androidu, brez namestitve.

🌐

Ulepševalnik in minifikator HTML — brezplačno

Lepo natisnite ali minimizirajte HTML z ustreznim zamakanjem gnezdenja. Ohrani vsebino znotraj blokov <pre>, <script>, <style>.

Deluje v vašem brskalnikuBrez registracije, brez pojavnih okenPrijava ni potrebnaBrezplačno za vedno

Deluje brez povezave po nalaganju

Zamik:

Prelom:

Oblikuj <style> in <script>

Spustite datoteko sem ali kliknite za izbiro

HTML, HTM · obdelano na vaši napravi

ali pritisnite Ctrl+V za lepljenje iz odložišča

Brskanje po datotekah

Vhodni HTML

Oblikovan HTML

Izhod se bo prikazal tukaj…

Pogosta področja uporabe

Odpravljanje napak HTML-ja, ki ga je upodobil strežnikPregledajte izhod HTML surove vaših strežnikov (PHP, Rails, Django, Node) v berljivi zamakniti obliki.
Oblikovanje predlog Email HTMLEmail HTML je obsežen (tabele, vstavljena oblikovanja). Oblikovati, da ga naredite uredljiv in vzdržljiv.
Oblikovanje statičnih HTML-ovRočno urejene statične HTML datoteke se koriste od doslednega oblikovanja za sodelovalno urejanje.
Čistitev HTML-ja, ki je bil izvožen iz CMS-aWordPress, Wix, Squarespace izvoz HTML s številnimi artefakti. Oblikovanje, da ga naredite uredljiv.
Zmanjšanje HTML-ja za proizvodnjoZmanjšajte velikost datoteke HTML za hitrejšo nalaganje strani z odstranitvijo praznega prostora in nepotrebnih znakov.

Kako deluje

To orodje oblikuje ali stisne HTML z uporabo ročno napisanega tokenizatorja, občutljivega na oznake, vgrajenega neposredno v stran — brez formatirne knjižnice tretje osebe, brez povratnega potovanja na strežnik. Vsak znak vaših oznak se obdela lokalno v brskalniku v trenutku, ko ga vtipkate ali prilepite.

1
Tokenizator pregleduje oznake
Skener po meri, ki pregleduje znak za znakom, pregleduje niz HTML in identificira komentarje, deklaracije DOCTYPE, odpirajoče oznake, zapirajoče oznake, samozapirajoče prazne elemente (br, img, input itd.) in surove besedilne vozlišča. Namenski pomočnik sledi vrednostim atributov v narekovajih, tako da znaki, kot je > znotraj atributa (npr. value="a>b"), nikoli ne povzročijo prezgodnjega razcepa oznake.
2
Globina zamika se sledi za vsako oznako
Za način polepšanja tokenizator vzdržuje števec globine. Blokovne odpirajoče oznake povečajo globino; zapirajoče jo zmanjšajo, preden so zapisane. Vrstični elementi (span, a, strong, em itd.) ostanejo v isti vrstici kot njihova vsebina, namesto da bi bili potisnjeni na svojo zamaknjeno vrstico. Oznake, kot so pre, script, style in textarea, imajo svojo notranjo vsebino izpisano dobesedno, da se izognemo poškodovanju kode, občutljive na presledke ali izvedljive kode.
3
Minifikator varno strne presledke
V načinu minifikacije se vsebina blokov pre, script, style in textarea zamenja s številčenimi rezervnimi znaki, preden se izvede kakršno koli strjevanje presledkov. Komentarji HTML se odstranijo, sledi presledkov med oznakami pa se odstranijo — razen med sosednjimi vrstičnimi elementi, kjer se ohrani en presledek, tako da se besede ne zlijejo skupaj. Rezervni znaki se nato obnovijo na svojo izvirno vsebino.
4
Izpis se prikaže in izbirno shrani
Oblikovan ali minificiran rezultat se pojavi v živo v podoknu izpisa skupaj z odstotkom spremembe velikosti. Lahko ga kopirate v odložišče ali prenesete kot datoteko .html, vse brez zapuščanja brskalnika.