Monu Tools

Formátovač HTML

Zkrášlete HTML s odsazením podle bloků, nebo ho minifikujte. Obsah prvků pre, textarea, script a style se zachovává.

Jak používat nástroj Formátovač HTML

  1. 01

    Vložte své HTML do vstupního pole.

  2. 02

    Zvolte Zkrášlit pro odsazení nebo Minifikovat pro stlačení.

  3. 03

    Zvolte velikost odsazení a poté zkopírujte výsledek.

Co formátovač HTML dělá

Tohle je formátovač HTML, který zkrášlí značkovací kód s odsazením zohledňujícím blokové a řádkové prvky, nebo ho minifikuje sbalením bílých znaků a odstraněním komentářů. Při zkrášlení vyberete velikost odsazení.

Zkrášlení odsazuje prvky podle toho, jak se vnořují, takže struktura dokumentu, které prvky obsahují které, se stane zřejmou. To dělá ručně psané nebo generované HTML mnohem snazší na čtení a ladění.

Zkrášlení i minifikace běží celé ve vašem prohlížeči, takže váš značkovací kód nikdy neopustí vaše zařízení.

Prvky, kterých se nedotýká

Záměrně nechává obsah pre, textarea, script a style nedotčený, protože bílé znaky uvnitř těchto prvků jsou významné: jejich přeformátování by změnilo předformátovaný text, to, co uživatelé píší, nebo význam vašeho kódu.

Jak minifikace funguje

Minifikace odstraní komentáře a sbalí sekvence bílých znaků, což zmenší velikost souboru, který musí prohlížeče stáhnout. Nejužitečnější je jako sestavovací krok pro produkční stránky.

Proč ponechává mezeru mezi tagy

Minifikátor ponechá jednu mezeru mezi tagy, místo aby ji úplně odstranil, protože bílé znaky mezi řádkovými prvky se ve skutečnosti vykreslují a jejich vypuštění může posunout váš layout. Tato opatrnost se vyhne jemným vizuálním chybám, které agresivní minifikátory mohou způsobit.

Často kladené otázky

Co dělá zkrášlení HTML?

Odsazuje prvky podle jejich vnoření a struktury, přičemž ponechává obsah prvků pre, textarea, script a style beze změny, protože bílé znaky tam jsou významné.

Jak funguje minifikace HTML?

Odstraňuje komentáře a slučuje posloupnosti bílých znaků na jednu mezeru. Mezi značkami ponechává jednotlivé mezery místo jejich odstranění, protože bílé znaky mezi řádkovými prvky se vykreslují a jejich vypuštění může posunout rozvržení.

Odesílá se mé HTML na server?

Ne. Zkrášlení i minifikace běží výhradně ve vašem prohlížeči, takže vaše značky nikdy neopustí vaše zařízení.

Zdroje

Vložit tento nástroj

Přidejte tento nástroj na svůj web. Zkopírujte úryvek níže, automaticky zůstává aktuální.

<iframe src="https://monu.tools/embed/cs/html-formatter" width="100%" height="640" style="border:1px solid #e5e5e5;border-radius:12px;max-width:680px" loading="lazy" title="Monu Tools"></iframe>

Související nástroje