Formatter HTML
Formatuj fragmenty HTML za pomocą tego formattera HTML. Wklej kod znaczników, a narzędzie umieści elementy blokowe, takie jak div, section, p, ul i table, w osobnych wierszach z wcięciem o dwie spacje, scali zbędne białe znaki w treści elementów liniowych, sformatuje osadzone CSS i JavaScript oraz pozostawi zawartość pre i textarea bez zmian. Idealne dla twórców stron internetowych i projektantów porządkujących wklejony, wygenerowany lub zminifikowany kod znaczników, aby ułatwić jego czytanie i przeglądanie.
Najczęściej zadawane pytania
Jak formatter HTML decyduje, gdzie łamać wiersze?
Element zawierający elementy potomne typu blokowego, takie jak div, section, article, header, footer, nav, main, form, p, h1 do h6, ul, ol, table lub blockquote, jest rozwijany tak, aby każdy element potomny znajdował się w osobnym wierszu z wcięciem o dwie spacje. Elementy bez elementów potomnych typu blokowego pozostają w jednym wierszu.
Dlaczego cały dokument HTML jest zwracany w jednym wierszu?
Elementy html, head i body nie są znacznikami typu blokowego w regułach formatera, więc dokument ujęty w nie pozostaje w jednym wierszu, z wyjątkiem deklaracji doctype. Wklej zawartość elementu body lub fragment, nad którym pracujesz, aby rozwinąć kod.
Co dzieje się z białymi znakami?
W treści elementów liniowych ciągi spacji, tabulatorów i znaków nowego wiersza są scalane do pojedynczej spacji, co odpowiada sposobowi ich wyświetlania przez przeglądarki. Białe znaki w zawartości elementów pre i textarea pozostają dokładnie bez zmian.
Czy osadzone skrypty i style są formatowane?
Tak, bloki style są formatowane jako CSS, a bloki script jako JavaScript lub jako JSON w przypadku typów JSON i JSON-LD. Skrypty o innych typach, takie jak szablony tekstowe, pozostają dokładnie w pierwotnej postaci.
Jak zapisywane są elementy bez znaczników zamykających?
Znaczniki samozamykające, takie jak <br/>, są zapisywane ze spacją przed ukośnikiem, jako <br />. Elementy bez znacznika zamykającego zapisane bez ukośnika, takie jak <img src="a.png">, zachowują pierwotną postać.
Czy atrybuty są zmieniane?
Nie, atrybuty, ich cudzysłowy i kolejność pozostają dokładnie takie, jak zostały zapisane. Zmieniane są tylko białe znaki między elementami.
Czy komentarze są zachowywane?
Tak, komentarze HTML i deklaracja doctype są zachowywane i umieszczane w osobnych wierszach. Ich zawartość jest kopiowana dokładnie, łącznie z zakomentowanym kodem znaczników.
Czy formatter naprawia nieprawidłowy kod HTML?
Nie, nie sprawdza poprawności ani nie naprawia kodu znaczników. Niezamknięte znaczniki są formatowane w miarę możliwości, więc gdy chcesz znaleźć błędy strukturalne, użyj walidatora.
Dlaczego wynik jest ujęty w ogrodzenie kodu html?
Wynik jest zwracany jako blok kodu Markdown oznaczony jako html, więc jest wyświetlany z podświetlaniem składni w Markdown. Skopiuj wiersze spomiędzy ogrodzeń, gdy wklejasz kod do pliku .html.
Ile kodu HTML mogę sformatować?
Do 5 MB na jedno uruchomienie; większe dane wejściowe są odrzucane z komunikatem. Wynik jest identyczny z opcją HTML w formatterze kodu.