Formater: HTML
Formatuj HTML, zachowując elementy, atrybuty, tekst, komentarze i strukturę dokumentu.
Make HTML structure easier to inspect
Zwarty HTML może ukrywać zagnieżdżenie, atrybuty, tekst i komentarze w jednym wierszu. Formatter pokazuje czytelny markup.
Formatowanie zmienia prezentację i nie dowodzi poprawności, dostępności, bezpieczeństwa ani zgodności przeglądarki. Zachowaj źródło i diff.
Użyj przykładu z elementami zagnieżdżonymi, atrybutami, tekstem, komentarzami i encjami oraz uruchom wymagane kontrole.
Formatting is not HTML validation
HTML to drzewo elementów, atrybutów, tekstu, komentarzy i deklaracji. Wcięcia ułatwiają śledzenie relacji i tagów zamykających.
Formatter układa białe znaki, ale nie sprawdza standardu, dostępności, bezpieczeństwa, template ani zachowania.
Przeglądarki mogą inaczej odzyskiwać błędny markup; sprawdź elementy void, opcjonalne tagi, skrypty, style i encje.
How to format HTML
- Wklej pełny dokument HTML lub obsługiwany fragment.
- Sprawdź zagnieżdżenie, tagi, atrybuty, tekst, komentarze, skrypty i style.
- Porównaj wartości, encje, tekst i kolejność ze źródłem.
- Uruchom walidator HTML, dostępność, template i testy przeglądarki.
- Usuń poświadczenia i dane osobowe z próbek.
Formatting method
- Odczytuje elementy, atrybuty,
Odczytuje elementy, atrybuty, tekst, komentarze, deklaracje i obszary osadzone.
- Dodaje wiersze i
Dodaje wiersze i wcięcia pokazujące zagnieżdżenie i kolejność.
- Zachowuje wartości, tekst,
Zachowuje wartości, tekst, komentarze, encje, skrypty i style źródła.
Odzyskiwanie parsera, tagi opcjonalne, białe znaki, języki osadzone i błędy trzeba potwierdzić w działającym silniku.
Read the formatted result
Poprawny wynik to czytelny układ HTML. Sprawdź strukturę, atrybuty, tekst, komentarze, encje i skrypty względem źródła.
Błąd nie dowodzi sposobu odzyskiwania przeglądarki ani dokładnego komunikatu parsera.
Błąd walidatora, dostępności lub builda jest osobny; formatowanie nie dodaje semantyki ani bezpieczeństwa.
Typowe błędy
Uznanie wcięcia za walidację może ukryć brak atrybutów, złe zagnieżdżenie lub problemy dostępności.
Zmiana encji, atrybutów lub tekstu zależnego od spacji może zmienić działanie.
Nie zakładaj, że browser i formatter odzyskują markup tak samo.
Nie wklejaj prywatnych templatek, tokenów ani danych użytkowników.
Ograniczenia i szczególne przypadki
Funkcja formatuje prezentację HTML i nie gwarantuje standardu, dostępności, bezpieczeństwa, zgodności, template ani minifikacji.
Opcjonalne tagi, elementy void, CSS, JavaScript, encje i duże dokumenty testuj narzędziami docelowymi.
Nie wklejaj poufnego produkcyjnego markupu bez zgody.
Examples
Czy formatowanie waliduje HTML?
Czy formatowanie waliduje HTML?
Wklej pełny dokument HTML lub obsługiwany fragment.
Poprawny wynik to czytelny układ HTML. Sprawdź strukturę, atrybuty, tekst, komentarze, encje i skrypty względem źródła.
Czy zmienia działanie strony?
Czy zmienia działanie strony?
Sprawdź zagnieżdżenie, tagi, atrybuty, tekst, komentarze, skrypty i style.
Błąd nie dowodzi sposobu odzyskiwania przeglądarki ani dokładnego komunikatu parsera.
Czy atrybuty zostają?
Czy atrybuty zostają?
Porównaj wartości, encje, tekst i kolejność ze źródłem.
Błąd walidatora, dostępności lub builda jest osobny; formatowanie nie dodaje semantyki ani bezpieczeństwa.
Czy komentarze zostają?
Czy komentarze zostają?
Uruchom walidator HTML, dostępność, template i testy przeglądarki.
Poprawny wynik to czytelny układ HTML. Sprawdź strukturę, atrybuty, tekst, komentarze, encje i skrypty względem źródła.
Czy można formatować fragment?
Czy można formatować fragment?
Usuń poświadczenia i dane osobowe z próbek.
Błąd nie dowodzi sposobu odzyskiwania przeglądarki ani dokładnego komunikatu parsera.
Czy poprawia dostępność?
Czy poprawia dostępność?
Wklej pełny dokument HTML lub obsługiwany fragment.
Błąd walidatora, dostępności lub builda jest osobny; formatowanie nie dodaje semantyki ani bezpieczeństwa.
Frequently asked questions
Czy formatowanie waliduje HTML?
Nie. Użyj walidatora HTML, kontroli dostępności, przeglądarki i template.
Czy zmienia działanie strony?
Powinny zmienić się tylko białe znaki prezentacji; porównaj i testuj.
Czy atrybuty zostają?
Przykłady zachowują nazwy i wartości; sprawdź URL, class i id przez diff.
Czy komentarze zostają?
Przykłady zachowują komentarze; potwierdź dla własnego wejścia.
Czy można formatować fragment?
Użyj pełnego dokumentu lub obsługiwanego fragmentu.
Czy poprawia dostępność?
Nie. Semantyka, focus, kontrast i ARIA wymagają osobnych kontroli.
Czy naprawia błędny HTML?
Nie zakładaj naprawy; popraw źródło i zwaliduj.
Co zrobić po formatowaniu?
Sprawdź diff, uruchom walidację i dostępność oraz renderuj w docelowych przeglądarkach.