Tento nástroj se soustředí na čitelnou strukturu. Vnořené elementy umístí do správné hloubky a ponechá viditelné atributy, komentáře, deklarace i textový obsah. Komentáře nemaže a velikost souboru nezmenšuje, takže nenahrazuje HTML minifier. Značkování se zpracuje lokálně a nikam se nenahrává.
Bezplatný HTML formatter
Běží celé ve vašem prohlížeči - nic se nenahrává, žádná registrace.
HTML
Naformátované HTML
Vložte HTML k naformátování
Jak funguje HTML formatter?
HTML formatter změní zhuštěné nebo nerovnoměrně odsazené značkování na čitelné HTML s jednotnou strukturou. Vložte dokument či úryvek, vyberte dvě mezery, čtyři mezery nebo tabulátor a výsledek zkopírujte. Nástroj pozná prázdné elementy HTML5, běžné nepovinné koncové tagy i raw text uvnitř script a style. Vše zpracuje v prohlížeči.
Jak na to
- 1Vložte HTML. Do vstupního editoru přidejte celý dokument HTML, šablonu nebo úryvek, případně načtěte ukázku.
- 2Vyberte odsazení. Zvolte dvě mezery, čtyři mezery nebo tabulátory. Naformátovaný výstup se hned aktualizuje.
- 3Zkontrolujte strukturu. Podívejte se na počet elementů, atributů a úrovní a pak projděte odsazený výsledek.
- 4Zkopírujte výsledek. Naformátované HTML zkopírujte do editoru, CMS nebo kontroly kódu.
Pro koho je nástroj
- Frontendoví vývojáři, kteří potřebují uklidit zhuštěnou šablonu před hledáním chyby ve vnoření nebo kontrolou změn.
- Vývojáři e-mailů, kteří chtějí zpřehlednit exportovaný markup newsletteru bez odeslání neveřejného HTML kampaně na server.
- Editoři CMS, kteří rozplétají zkopírovanou komponentu nebo úryvek stránky před úpravou tříd, odkazů či obsahu.
- Studenti, kteří si díky jednotnému odsazení prohlížejí vztahy rodičů a potomků ve skutečném dokumentu HTML.
Časté dotazy
Je HTML formatter zdarma?
Ano. Použití je bezplatné, bez registrace, stahování a omezení počtu použití. Vložte dokument nebo úryvek HTML, vyberte odsazení a výsledek zkopírujte přímo z prohlížeče.
Nahrává se moje HTML někam?
Ne. Formátování probíhá lokálně v prohlížeči. Vložené HTML se neposílá na server, takže můžete pracovat s interními šablonami, nezveřejněnými vstupními stránkami, e-mailovým značkováním i úryvky se soukromými URL nebo identifikátory.
Kolik HTML mohu naformátovat?
Pevný limit na straně serveru neexistuje, protože se nic nenahrává. U velmi velkých dokumentů záleží na paměti prohlížeče a zařízení, běžné stránky, komponenty, e-mailové šablony a úryvky zdrojového kódu se ale zpracují rychle.
Zvládne formatter tagy bez ukončení?
Ano. Rozpozná prázdné elementy HTML5, například img, br, input, meta a link, které koncový tag nepotřebují. Při určování odsazení zohlední také nepovinné koncové tagy položek seznamu, odstavců, option, řádků a buněk tabulky.
Změní se obsah script a style?
Obsah script a style se zpracuje jako raw text. Porovnávací operátory, selektory CSS ani řetězce se znakem menší než se nezamění za tagy HTML. Odsazení bloku se upraví, samotný JavaScript nebo CSS se však nepřepisuje.
Ověří nebo opraví nástroj neplatné HTML?
Ne. Jde o formatter, ne o validátor standardů ani automatickou opravu. Nahlásí zjevně neuzavřené komentáře, deklarace, tagy a raw-text elementy, ale přijme nepovinné koncové tagy povolené v HTML. Pro kontrolu shody se standardy použijte Nu HTML Checker.
Jaký je rozdíl mezi HTML formatterem a minifierem?
Formatter přidává zalomení řádků a odsazení, aby lidé mohli markup snadno číst a upravovat. Minifier odstraňuje nepovinné mezery a někdy i komentáře, aby zmenšil přenášená data. Tato stránka HTML pouze formátuje a komentáře i viditelný obsah záměrně zachovává.