Jak tego używać
- Wklej swój HTML, otwórz plik
.htmlalbo zacznij od przykładu: strony ściśniętej do jednej linii. - Wybierz 2 spacje, 4 spacje lub tabulatory. Sformatowany HTML pojawia się w trakcie pisania.
- Skopiuj go, pobierz albo kliknij Opublikuj tę stronę, aby umieścić go online.
Co się zmienia, a co nie
Formatowanie tylko dodaje i usuwa białe znaki między tagami: każdy element blokowy zaczyna się w nowej linii, z wcięciem zależnym od głębokości. Tekst, atrybuty i zawartość <pre> oraz <textarea> zostają bez zmian, więc strona wygląda tak samo przed i po. Puste linie zostawione między sekcjami są zachowane (do dwóch pod rząd), a zawartość <script> i <style> też dostaje wcięcia.
Kiedy się przydaje
- Przy czytaniu źródła strony zbudowanej przez kogoś innego albo zminifikowanego szablonu.
- Przy porządkowaniu HTML napisanego przez asystenta AI, zanim zaczniesz go edytować.
- Aby diff był czytelny: najpierw sformatuj obie wersje tak samo.
Najczęstsze pytania
Czy formatowanie zmieni wygląd mojej strony?
Nie w przypadku elementów blokowych. Między elementami inline, np. dwoma linkami obok siebie, każdy biały znak wyświetla się jako jedna spacja, a formatter zostawia elementy inline w tej samej linii, jeśli stały obok siebie.
Czy naprawia zepsuty HTML?
Nie: wcina to, co jest. Aby zobaczyć, jak czyta go przeglądarka, otwórz go w narzędziu Podgląd HTML.
Jakiego formattera używa?
js-beautify, popularnego formattera open source, działającego w Twojej przeglądarce.
Czy mój HTML jest wysyłany?
Nie. Formatowanie działa w Twojej przeglądarce. Do Lobsite trafia tylko wtedy, gdy klikniesz Opublikuj tę stronę.