Upiększ HTML z wcięciami uwzględniającymi bloki lub zminifikuj go. Zawartość pre, textarea, script i style jest zachowana.
Jak korzystać z narzędzia Formater HTML
Wklej swój HTML do pola tekstowego.
Wybierz Upiększ, aby dodać wcięcia, lub Minifikuj, aby skompresować.
Wybierz rozmiar wcięcia, a następnie skopiuj wynik.
To formatator HTML, który upiększa znaczniki z wcięciami świadomymi elementów blokowych i liniowych lub minifikuje je, zwijając białe znaki i usuwając komentarze. Wybierasz rozmiar wcięcia przy upiększaniu.
Upiększanie wcina elementy zgodnie z ich zagnieżdżeniem, więc struktura dokumentu, które elementy zawierają które, staje się oczywista. To sprawia, że ręcznie napisany lub wygenerowany HTML jest znacznie łatwiejszy do czytania i debugowania.
Zarówno upiększanie, jak i minifikacja działają w całości w Twojej przeglądarce, więc Twoje znaczniki nigdy nie opuszczają Twojego urządzenia.
Celowo pozostawia nietkniętą zawartość pre, textarea, script i style, ponieważ białe znaki wewnątrz tych elementów są znaczące: ich przeformatowanie zmieniłoby wstępnie sformatowany tekst, to co wpisują użytkownicy, lub znaczenie Twojego kodu.
Minifikacja usuwa komentarze i zwija ciągi białych znaków, co przycina rozmiar pliku, który przeglądarki muszą pobrać. Najbardziej przydaje się jako krok budowania dla stron produkcyjnych.
Minifikator zachowuje pojedynczą spację między znacznikami zamiast całkowicie ją usuwać, ponieważ białe znaki między elementami liniowymi są faktycznie renderowane, a ich usunięcie może przesunąć Twój układ. Ta ostrożność pozwala uniknąć subtelnych błędów wizualnych, jakie mogą powodować agresywne minifikatory.
Najczęściej zadawane pytania
Dodaje wcięcia elementom na podstawie ich zagnieżdżenia i struktury, pozostawiając zawartość pre, textarea, script i style nietknietą, ponieważ białe znaki tam mają znaczenie.
Usuwa komentarze i sprowadza ciągi białych znaków do jednej spacji. Zachowuje pojedyncze spacje między znacznikami zamiast je usuwać, ponieważ białe znaki między elementami inline są renderowane i ich usunięcie może zmienić układ.
Nie. Zarówno upiększanie, jak i minifikacja działają całkowicie w Twojej przeglądarce, więc Twój kod nigdy nie opuszcza Twojego urządzenia.
Osadź to narzędzie
Dodaj to narzędzie do własnej witryny. Skopiuj poniższy fragment, aktualizuje się automatycznie.
<iframe src="https://monu.tools/embed/pl/html-formatter" width="100%" height="640" style="border:1px solid #e5e5e5;border-radius:12px;max-width:680px" loading="lazy" title="Monu Tools"></iframe>Powiązane narzędzia
Upiększ lub zminifikuj JavaScript i TypeScript w przeglądarce. Obsługuje nowoczesną składnię, w tym JSX i dekoratory.
Konwertuj CSV na plik Excel .xlsx i Excel z powrotem na CSV, całkowicie w przeglądarce. Działa w obu kierunkach.
Wygeneruj interfejsy TypeScript z danych JSON, z obsługą zagnieżdżonych obiektów i tablic.
Konwertuj JSON na XML i XML z powrotem na JSON, w obu kierunkach, całkowicie w przeglądarce.