Uljepšajte HTML s uvlačenjem svjesnim blokova ili ga minificirajte. Sadržaj pre, textarea, script i style je sačuvan.
Kako koristiti HTML formater
Zalijepite HTML u ulazni okvir.
Odaberite Uljepšaj za uvlačenje ili Minificiraj za sažimanje.
Odaberite veličinu uvlake, zatim kopirajte rezultat.
Ovo je HTML formatirač koji uljepšava oznake s uvlačenjem svjesnim blokovskih i linijskih elemenata, ili ih sažima sažimanjem bjelina i uklanjanjem komentara. Odaberete veličinu uvlake pri uljepšavanju.
Uljepšavanje uvlači elemente prema tome kako se ugnježđuju, pa struktura dokumenta, koji elementi sadrže koje, postaje očita. To čini ručno napisan ili generiran HTML mnogo lakšim za čitanje i ispravljanje.
I uljepšavanje i sažimanje odvijaju se u potpunosti u vašem pregledniku, pa vaše oznake nikada ne napuštaju vaš uređaj.
Namjerno ostavlja netaknutim sadržaj elemenata pre, textarea, script i style, jer je bjelina unutar tih elemenata značajna: njihovo bi preformatiranje promijenilo predformatiran tekst, ono što korisnici upišu ili značenje vašeg koda.
Sažimanje uklanja komentare i sažima nizove bjelina, čime se smanjuje veličina datoteke koju preglednici moraju preuzeti. Najkorisnije je kao korak izgradnje za produkcijske stranice.
Sažimatelj zadržava jedan razmak između oznaka umjesto da ga u potpunosti ukloni, jer se bjelina između linijskih elemenata zapravo prikazuje, a njezino izbacivanje može pomaknuti vaš raspored. Ovaj oprez izbjegava suptilne vizualne pogreške koje agresivni sažimatelji mogu prouzročiti.
Često postavljana pitanja
Uvlači elemente prema njihovom ugniježđenju i strukturi, ostavljajući sadržaj pre, textarea, script i style nedirnutim jer su razmaci tamo značajni.
Uklanja komentare i sažima nizove razmaka u jedan razmak. Zadržava pojedinačne razmake između oznaka umjesto da ih ukloni jer su razmaci između inline elemenata prikazani i njihovo uklanjanje može poremetiti izgled.
Ne. I uljepšavanje i minificiranje se odvijaju u potpunosti u vašem pregledniku, pa vaš markup nikada ne napušta vaš uređaj.
Ugradi ovaj alat
Dodajte ovaj alat na vlastitu web stranicu. Kopirajte isječak u nastavku; automatski ostaje ažuran.
<iframe src="https://monu.tools/embed/hr/html-formatter" width="100%" height="640" style="border:1px solid #e5e5e5;border-radius:12px;max-width:680px" loading="lazy" title="Monu Tools"></iframe>Slični alati
Uljepšajte i sredite JavaScript s dosljednim uvlakama i razmacima. Radi u potpunosti u vašem pregledniku.
Pretvorite CSV u Excel .xlsx datoteku i Excel natrag u CSV, u potpunosti u vašem pregledniku. Radi u oba smjera.
Generirajte TypeScript sučelja iz JSON uzorka, s ugniježđenim tipovima, poljima i neobaveznim poljima. Radi u vašem pregledniku.
Pretvorite JSON u XML i XML natrag u JSON, u oba smjera, u potpunosti u vašem pregledniku.