Formatter skupia się na czytelnej strukturze. Ustawia zagnieżdżone elementy na właściwej głębokości, a atrybuty, komentarze, deklaracje i tekst pozostawia widoczne. Nie usuwa komentarzy ani nie zmniejsza liczby bajtów, więc nie zastępuje minifikatora HTML. Markup jest przetwarzany lokalnie i nigdzie nie jest wysyłany.
Darmowe formatowanie HTML online
Działa w całości w przeglądarce - bez wysyłania plików i bez rejestracji.
HTML
Sformatowany HTML
Wklej HTML, aby go sformatować
Na czym polega formatowanie HTML?
Formatowanie HTML zamienia zbity lub nierówno wcięty markup w czytelny kod o spójnej strukturze. Wklej dokument albo fragment, wybierz dwie spacje, cztery spacje lub tabulator i skopiuj wynik. Formatter rozpoznaje puste elementy HTML5, popularne opcjonalne tagi zamykające oraz surową treść script i style. Wszystko działa w przeglądarce.
Jak korzystać
- 1Wklej HTML. Dodaj pełny dokument HTML, template albo fragment do pola wejściowego lub wczytaj przykład.
- 2Wybierz wcięcia. Wybierz dwie spacje, cztery spacje albo tabulator. Sformatowany wynik odświeży się od razu.
- 3Sprawdź strukturę. Zobacz liczbę elementów, atrybutów i poziomów, a następnie przejrzyj kod z wcięciami.
- 4Skopiuj wynik. Skopiuj sformatowany HTML do edytora, CMS-a albo przeglądu kodu.
Dla kogo
- Programiści frontend porządkują zwarty template przed szukaniem błędu zagnieżdżenia albo przeglądaniem diffu.
- Programiści e-maili poprawiają czytelność wyeksportowanego markupu newslettera bez wysyłania prywatnego HTML kampanii na serwer.
- Redaktorzy CMS rozplątują skopiowany komponent lub fragment strony przed zmianą klas, linków albo treści.
- Uczniowie i studenci poznają relacje rodzic-dziecko w prawdziwym dokumencie HTML dzięki równym wcięciom.
Najczęstsze pytania
Czy formatter HTML jest darmowy?
Tak. Formatter HTML jest darmowy, nie wymaga rejestracji ani pobierania i nie ma limitu użycia. Wklej dokument lub fragment HTML, wybierz styl wcięć i skopiuj sformatowany wynik prosto z przeglądarki.
Czy mój HTML jest gdzieś wysyłany?
Nie. Formatowanie odbywa się lokalnie w przeglądarce. Wklejony HTML nie trafia na serwer, więc możesz pracować z wewnętrznymi template'ami, nieopublikowanymi landing page'ami, markupem e-maili oraz fragmentami z prywatnymi adresami URL lub identyfikatorami.
Ile HTML mogę sformatować?
Nie ma stałego limitu po stronie serwera, bo nic nie jest wysyłane. Bardzo duże dokumenty zależą od pamięci przeglądarki i urządzenia, ale zwykłe strony, komponenty, szablony e-maili oraz fragmenty kodu powinny zostać przetworzone szybko.
Czy formatter obsługuje tagi bez zamknięcia?
Tak. Rozpoznaje puste elementy HTML5, takie jak img, br, input, meta i link, które nie potrzebują tagów zamykających. Przy ustalaniu wcięć obsługuje też opcjonalne tagi końcowe elementów listy, akapitów, option, wierszy i komórek tabeli.
Czy treść script i style zostanie zmieniona?
Formatter traktuje zawartość script i style jako surowy tekst. Operatory porównania, selektory CSS i ciągi ze znakiem mniejszości nie są mylone z tagami HTML. Wcięcie całego bloku zostaje dopasowane, ale JavaScript i CSS nie są przepisywane.
Czy narzędzie waliduje lub naprawia błędny HTML?
Nie. To formatter, a nie walidator standardów czy automatyczny mechanizm naprawczy. Zgłasza wyraźnie niezamknięte komentarze, deklaracje, tagi i elementy raw text, ale toleruje opcjonalne tagi końcowe dozwolone w HTML. Do sprawdzania zgodności użyj Nu HTML Checker.
Czym różni się formatter HTML od minifikatora?
Formatter dodaje podziały wierszy i wcięcia, aby markup łatwiej było czytać i edytować. Minifikator usuwa opcjonalne odstępy i może usuwać komentarze, by zmniejszyć rozmiar transferu. Ta strona tylko formatuje HTML i celowo zachowuje komentarze oraz widoczną treść.