Besplatan HTML uljepšivač i minifikator

Kako radi

Ovaj alat formatira ili komprimuje HTML koristeći ručno napisan tokenizator svjestan oznaka ugrađen direktno u stranicu — bez biblioteke za formatiranje treće strane, bez putovanja do servera. Svaki znak vaše oznake se obrađuje lokalno u pregledniku u trenutku kad ga kucate ili lijepite.

1. 1
   Tokenizator skenira oznaku

   Prilagođeni skener znak-po-znak prolazi kroz HTML niz, identifikujući komentare, DOCTYPE deklaracije, otvarajuće oznake, zatvarajuće oznake, samozatvarajuće prazne elemente (br, img, input, itd.), i sirove tekstualne čvorove. Namjenski pomoćnik prati citirane vrijednosti atributa tako da znakovi poput > unutar atributa (npr. value="a>b") nikada ne uzrokuju preranu podjelu oznake.
2. 2
   Dubina uvlačenja se prati po oznaci

   Za mod uljepšavanja, tokenizator održava brojač dubine. Otvarajuće oznake na nivou bloka povećavaju dubinu; zatvarajuće je smanjuju prije nego što se zapišu. Inline elementi (span, a, strong, em, itd.) se zadržavaju na istom redu kao njihov sadržaj umjesto da se guraju u vlastiti uvučeni red. Oznake poput pre, script, style, i textarea imaju svoj unutrašnji sadržaj emitovan doslovno kako bi se izbjeglo kvarenje razmaka osjetljivog ili izvršnog koda.
3. 3
   Minifikator sigurno sažima razmake

   U modu minifikacije, sadržaj blokova pre, script, style, i textarea se prije bilo kakvog sažimanja razmaka zamjenjuje numerisanim čuvarima mjesta. HTML komentari se uklanjaju, i nizovi razmaka između oznaka se uklanjaju — osim između susjednih inline elemenata, gdje se čuva jedan razmak tako da se riječi ne stope zajedno. Čuvari mjesta se zatim vraćaju na svoj originalni sadržaj.
4. 4
   Izlaz se prikazuje i opciono čuva

   Formatiran ili minifikovan rezultat se pojavljuje uživo u panelu izlaza zajedno sa procentom promjene veličine. Možete ga kopirati u međuspremnik ili preuzeti kao .html datoteku, sve bez napuštanja preglednika.

Povezani alati