Jak odsadím nepřehledné HTML?

Vložte své HTML se zvolenou možností Zkrášlit, poté nastavte Odsazení na 2 mezery, 4 mezery nebo Tabulátory. Výstup se aktualizuje při psaní a můžete jej zkopírovat nebo stáhnout jako soubor .html. Načíst příklad ukáže ukázku.

Umí zalomit dlouhé řádky nebo formátovat inline CSS a JavaScript?

Ano. Zalamování nabízí Bez zalamování, 80 sloupců nebo 120 sloupců a volba Formátovat tagy style a script formátuje také CSS a JavaScript uvnitř těchto bloků. Obsah v pre a textarea je ponechán přesně tak, jak byl napsán.

Jak minifikuji HTML pro produkci?

Vyberte Minifikovat. Bílé znaky mezi tagy jsou sbaleny a komentáře odstraněny, pokud nezaškrtnete Ponechat komentáře. Volitelná zaškrtávací políčka jsou Odstranit volitelné uvozovky, Zkrátit booleovské atributy a minifikace vložených style, script a atributů style.

Rozbije minifikace mé bloky pre nebo skripty?

Obsah pre, script, style a textarea je během sbalování bílých znaků chráněn a mezi sousedními inline prvky je zachována mezera, aby se slova neslévala. Volitelná vložená minifikace se použije pouze pokud ji zaškrtnete.

Odesílá se mé HTML na server?

Ne. Tokenizér zabudovaný do stránky zpracovává značení ve vašem prohlížeči, takže soukromé šablony a e-mailové HTML zůstávají na vašem zařízení. Nenačítá se žádná formátovací knihovna třetí strany.

Je to opravdu zdarma?

Ano. Každý nástroj je zdarma, bez účtu a bez platební karty. Práce probíhá na vašem zařízení, nikoli na našich serverech, což umožňuje jeho bezplatné používání.

Funguje to na mobilu?

Ano. Funguje v aktuálních mobilních prohlížečích na iOS a Androidu a nic se neinstaluje.

🌐

Zkrášlovač a minifikátor HTML zdarma

Krásně formátujte nebo minifikujte HTML se správným odsazením vnořování. Zachovává obsah uvnitř bloků <pre>, <script>, <style>.

Běží ve vašem prohlížečiBez registrace, bez vyskakovacích okenNení nutné přihlášeníZdarma navždy

Funguje offline po načtení

Odsazení:

Zalamování:

Formátovat <style> a <script>

Přetáhněte soubor sem nebo klikněte pro výběr

HTML, HTM · zpracováno na vašem zařízení

nebo stiskněte Ctrl+V pro vložení ze schránky

Procházet soubory

Vstup HTML

Formátované HTML

Výstup se zobrazí zde…

Běžná použití

Ladění HTML vykreslovaného serveremPodívejte se na nezpracovaný výstup HTML ze serveru (PHP, Rails, Django, Node) v čitelném formátu s odsazením.
Formátujte šablony e-mailu HTMLE-mailové HTML je podrobné (tabulky, vložené styly). Formátujte, aby bylo upravitelné a udržovatelné.
Formátujte statické HTML stránkyRučně upravené statické HTML soubory mají prospěch z konzistentního formátování pro upravování spolupráce.
Vyčistěte HTML exportované z CMSWordPress, Wix, Squarespace exportují HTML s mnoha artefakty. Formátujte, aby bylo upravitelné.
Minifikujte HTML pro produkciSnižte velikost HTML souboru pro rychlejší načítání stránky odebráním mezer a zbytečných znaků.

Jak to funguje

Tento nástroj formátuje nebo komprimuje HTML pomocí ručně napsaného tokenizéru vnímajícího tagy, zabudovaného přímo do stránky — bez formátovací knihovny třetí strany, bez zpáteční cesty na server. Každý znak vašeho značení se zpracovává lokálně v prohlížeči okamžitě po zadání nebo vložení.

1
Tokenizér prochází značení
Vlastní skener prochází řetězec HTML znak po znaku a identifikuje komentáře, deklarace DOCTYPE, otevírací tagy, zavírací tagy, samouzavírající prázdné prvky (br, img, input atd.) a surové textové uzly. Vyhrazený pomocník sleduje hodnoty atributů v uvozovkách, takže znaky jako > uvnitř atributu (např. value="a>b") nikdy nezpůsobí předčasné rozdělení tagu.
2
Hloubka odsazení se sleduje pro každý tag
Pro režim formátování tokenizér udržuje počítadlo hloubky. Blokové otevírací tagy hloubku zvyšují; zavírací tagy ji sníží před zapsáním. Vložené prvky (span, a, strong, em atd.) se ponechávají na stejném řádku jako jejich obsah, místo aby se posouvaly na vlastní odsazený řádek. Tagy jako pre, script, style a textarea mají svůj vnitřní obsah vydán doslovně, aby se nepoškodily bílé znaky ani spustitelný kód.
3
Minifikátor bezpečně slučuje bílé znaky
V režimu minifikace se obsah bloků pre, script, style a textarea nejprve nahradí číslovanými zástupnými znaky, než dojde k jakémukoli sloučení bílých znaků. Komentáře HTML se odstraní a řady bílých znaků mezi tagy se odstraní — kromě mezi sousedními vloženými prvky, kde se zachová jedna mezera, aby se slova nespojila. Zástupné znaky se poté obnoví na svůj původní obsah.
4
Výstup se zobrazuje a volitelně ukládá
Formátovaný nebo minifikovaný výsledek se zobrazuje živě ve výstupním panelu spolu s procentem změny velikosti. Můžete jej zkopírovat do schránky nebo stáhnout jako soubor .html, vše bez opuštění prohlížeče.