01 / Postup
Jak to funguje
Odstraňuje vybrané mezery zápisu; zkontrolujte místa, kde má mezera význam.
Užitečná poznámka
U složité syntaxe nebo produkčních souborů ověřte výsledek v cílové aplikaci i specializovaným nástrojem.
Formátování kódu / MULTIVERTO
Minifikovat HTML
Zhustěte bezpečné strukturní mezery v HTML.
Okamžitý převodVáš vstup zůstává v prohlížeči. Text k převodu nikam neodesíláme.
Soubor zůstává ve vašem prohlížeči.
Řetězit nástroje
Každý textový nástroj použijte na předchozí výsledek.
02 / Příklad
Příklad
Váš vstup
<ul>
<li>Ahoj</li>
<li>Vítej</li>
</ul>Výsledek
<ul><li>Ahoj</li><li>Vítej</li></ul>03 / Postup
Minifikovat HTML — Jak to funguje
Co tento nástroj mění
Zhustěte bezpečné strukturní mezery v HTML. Odstraňuje vybrané mezery zápisu; zkontrolujte místa, kde má mezera význam. Zhuštění HTML se soustředí na strukturní mezery v seznamech, tabulkách a podobných kontejnerech. Ostatní mezery textových uzlů ponechává, protože mezi řádkovými elementy mohou být viditelné. Není to produkční minifikátor.
Poznejte formát
HTML obsahuje elementy, atributy a textové uzly; mezery v textu mohou ovlivnit zobrazení. Lokální formátovač přijímá explicitně vnořené značky a zachovává text mezi nimi. Odmítá surové textové kontejnery jako script, style, pre a textarea, kde by jednoduché čtení značek zavádělo. Kompaktní postup odstraňuje pouze strukturní mezery v místech jako seznamy a tabulky; nestlačuje libovolný text ani nepřepisuje atributy. Dva řádkové elementy oddělené mezerou se mohou zobrazit jinak než bez ní. Prohlížeč také podporuje volitelné uzavírací značky a opravu chyb, což tento omezený editor nenapodobuje.
Spolehlivý postup
Zhuštění má smysl, když výsledek zpracovává stroj a lidsky čitelné odsazení není potřeba. Nejprve ověřte, že původní zdroj funguje, a pak si všimněte, co operace odstraňuje. Tento nástroj neslibuje úsporu produkčního minifikátoru: takový program může parsovat celou gramatiku, měnit identifikátory, skládat konstanty či po serializaci komprimovat. Zde platí opatrný postup; nejistá konstrukce zůstane zachována nebo vyvolá chybu. Délku porovnávejte až po porovnání chování nebo zpracovaného obsahu. Pokud cílový proces potřebuje komentáře, licence, mapy zdroje nebo významové mezery, zohledněte to před nahrazením původního souboru.
Ověřte výsledek
Původní zdroj si ponechte vedle výsledku a před velkým dokumentem vyzkoušejte krátký známý příklad. Porovnávejte významový obsah, nejen velikost souboru nebo počet řádků. Po transformaci zkontrolujte názvy, řetězce v uvozovkách, znaky mimo ASCII, konce řádků i opakovaná pole. Čitelný výsledek neověřuje schéma, nedokazuje spustitelnost kódu ani bezpečnost zveřejnění dat. Tato stránka zpracovává text v prohlížeči a ukazuje výsledek jako text, ale po vložení do jiné aplikace se uplatní její pravidla. Pokud nástroj vstup odmítne, najděte nepodporovanou konstrukci a podle potřeby použijte specializovaný parser. Při kopírování z dokumentace si všimněte typografických uvozovek, neviditelných mezer a značky pořadí bajtů na začátku textu. Tyto znaky mohou vypadat nenápadně, ale parser je může vyhodnotit jinak než běžnou mezeru nebo uvozovku.
HTML — Vstup
Načíst a změnit strukturu
HTML — Výsledek