Utils365

Formatowanie i minifikacja HTML

Zamień HTML w schludny kod z wcięciami albo zmniejsz go dla działającej strony.

Wklej HTML, otwórz plik .html lub upuść go tutaj

Następny: Formater CSS · Formater JavaScript

Zgłoś problem z tym narzędziem

Jak używać narzędzia Formater HTML

  1. Wklej swój HTML

    Wklej stronę lub fragment albo otwórz lub upuść plik .html. Jest formatowany na bieżąco podczas pisania.

  2. Upiększ lub zminifikuj

    Upiększanie dodaje wcięcia do każdego znacznika – 2 lub 4 spacje albo tabulator. Minifikacja usuwa komentarze i niewidoczne spacje.

  3. Skopiuj lub pobierz

    Skopiuj wynik albo pobierz go jako plik .html. Przy minifikacji zobaczysz, ile bajtów udało się zaoszczędzić.

Dlaczego warto korzystać z Utils365

  • Bezpieczna minifikacja

    Zawartość <pre>, <textarea>, <script> i <style> nigdy nie jest zmieniana, a między znacznikami inline zostaje jedna spacja, więc strona wygląda tak samo.

  • Czytelny kod

    Zagnieżdżone znaczniki dostają jedno wcięcie na poziom, więc strona ściśnięta do jednego wiersza staje się łatwa do czytania i edycji.

  • Widoczna oszczędność

    Rozmiar przed i po oraz zaoszczędzony procent pojawiają się zaraz po minifikacji.

  • Prywatność w standardzie

    Twój HTML jest formatowany w przeglądarce i nigdy nie jest przesyłany, więc nieopublikowane strony i szablony zostają u Ciebie.

Często zadawane pytania

Co usuwa minifikator HTML?

Komentarze, podziały wierszy i wcięcia oraz spacje między znacznikami, których przeglądarki nie wyświetlają. Stare komentarze warunkowe dla Internet Explorera zostają, bo nadal mają znaczenie.

Czy minifikacja zmieni wygląd mojej strony?

Nie powinna. Białe znaki obok elementów blokowych, takich jak <div> i <p>, nigdy nie są widoczne, więc znikają. Między elementami inline, takimi jak linki i przyciski, zostaje jedna spacja, bo tam jest widoczna.

Czy moje skrypty i style są zmieniane?

Nie. Zawartość <script> i <style> pozostaje dokładnie taka, jak ją zapisano. Aby je również zmniejszyć, użyj formatera JavaScript i formatera CSS.

Dlaczego <pre> pozostaje nietknięty?

Wewnątrz <pre> i <textarea> każda spacja i każdy podział wiersza są widoczne na stronie, więc usunięcie któregokolwiek zmieniłoby to, co widzą odwiedzający.

Czy formater naprawia błędny HTML?

Nie. Zmienia tylko układ, nie znaczniki. Brakujący znacznik zamykający nadal będzie brakował, więc zwróć uwagę na wcięcia: znacznik, który się nie kończy, przesuwa wszystko za nim o poziom w głąb.