PL

Formatowanie HTML

To narzędzie do formatowania HTML zwraca wklejony kod ze schludnymi wcięciami albo zminimalizowany. Wszystko zostaje w przeglądarce, nic nie jest przesyłane, a bloki pre, skrypty i wartości atrybutów pozostają bez zmian.

Źródło: WHATWG HTML Living Standard – Syntax: Void-Elemente, Raw-Text-Elemente (script, style), optionale End-Tags. Stan na: .

Wklej cały dokument albo sam fragment (do 500 000 znaków).

Twój tekst zostaje w przeglądarce – nie jest wysyłany, zapisywany ani dodawany do paska adresu.

Moje narzędziaWpisane dane są zapisywane tylko w tej przeglądarce.

Wynik

Wynik
<div class="karta"> <h2>Tytuł</h2> <p>Krótki <strong>akapit</strong> z odrobiną <em>wyróżnienia</em>.</p> <ul> <li>Jeden</li> <li>Dwa</li> </ul> <hr> </div>
Rozmiar
17 tagów, 148 → 174 znaków.

Jak to obliczamy

Jak formatować HTML

  1. Wklej kod do pola – cały dokument albo sam fragment.
  2. W polu „Działanie” wybierz Formatuj lub Minimalizuj i w razie potrzeby ustaw wcięcie.
  3. Skopiuj wynik z powrotem do edytora.

Co robi formatowanie

Co robi minimalizacja

Ciągi spacji i podziałów wierszy stają się jedną spacją, a komentarze znikają (komentarze warunkowe dla starych przeglądarek zostają). Między elementami blokowymi odstęp znika całkiem, między liniowymi zostaje jedna spacja, bo przeglądarka ją pokazuje. CSS w style jest zagęszczany, JavaScript pozostaje nietknięty.

Ograniczenia

To nie jest pełny parser HTML: błędny kod nie jest naprawiany, tylko możliwie wiernie przepisywany i zgłaszany. Szablony ze składnią serwerową, np. {% if %} lub <?php ?>, mogą mieć nietypowe wcięcia.

Najczęściej zadawane pytania

Jak sformatować HTML online?

Wklej kod, wybierz „Formatuj” i skopiuj wynik z wcięciami. Konto nie jest potrzebne.

Czy mój kod HTML jest wysyłany na serwer?

Nie. Przetwarzanie odbywa się w całości w przeglądarce; kod nie jest ani wysyłany, ani zapisywany.

Jak formatować HTML w VS Code lub Notepad++?

W VS Code użyj Shift+Alt+F, w Notepad++ pomaga wtyczka do formatowania. To narzędzie jest szybkim wyjściem, gdy nie masz pod ręką edytora.

Czy minimalizacja zmienia wygląd strony?

Zwykle nie: przeglądarka i tak redukuje wielokrotne odstępy do jednej spacji. Wyjątkiem są bloki pre, które zostają nietknięte.

Czy mogę formatować też CSS i JavaScript?

Style i skrypty wewnątrz HTML są wcinane, ale nie przepisywane. Dla samego CSS jest minimalizator CSS, dla JSON formater JSON.

Źródła i podstawa prawna

Stan na: · Zasady redakcyjne

Podobne narzędzia