01 / Postup
Jak to funguje
Odsazení a nové řádky odhalují strukturu a zachovávají podporované vstupní prvky.
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
Formátovat HTML
Přehledně rozložte explicitně vnořené značky 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
<main><h1>Ahoj</h1><p>Vítej</p></main>Výsledek
<main>
<h1>Ahoj</h1>
<p>Vítej</p>
</main>03 / Postup
Formátovat HTML — Jak to funguje
Co tento nástroj mění
Přehledně rozložte explicitně vnořené značky HTML. Odsazení a nové řádky odhalují strukturu a zachovávají podporované vstupní prvky. Formátovač ukáže explicitně vnořené značky jako strom. Sourozenecké elementy oddělí beze změny textu mezi nimi. Hodí se pro kontrolu komponenty; dokument s volitelnými koncovými značkami vyžaduje úplný HTML parser.
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
Formátování pomáhá zejména při kontrole a ladění, protože odsazení může odhalit chybějící úroveň vnoření nebo nečekaný sourozenecký prvek. Vložte úplný reprezentativní úryvek a spusťte formátování jednou. Výstup čtěte od vnější struktury dovnitř a sledujte začátek i konec každého elementu, bloku či klauzule. Tato stránka se nevydává za kompilátor pro všechna rozšíření jazyka; pokročilé konstrukce může odmítnout. Po zkopírování výsledku použijte běžný validátor nebo testy cílového projektu. Před uložením upraveného textu zkontrolujte rozdíl, aby změny rozložení nezakryly neúmyslnou změnu literálu nebo datové hodnoty.
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