formatdesk

Narzędzia HTML

Narzędzia HTML z tej strony pokazują pliki i fragmenty HTML tak, jak wyświetli je przeglądarka, pozwalają edytować kod z podglądem na żywo oraz formatować go i minifikować. HTML to język znaczników każdej strony internetowej, a cała praca odbywa się w przeglądarce.

Pliki nie opuszczają przeglądarkiJak to działa?

Narzędzia w tej kategorii

Czym jest HTML?

HTML (HyperText Markup Language) opisuje strukturę strony internetowej za pomocą znaczników: nagłówków, akapitów, linków, obrazów, tabel i formularzy. Przeglądarka zamienia te znaczniki na stronę, którą widzisz, a CSS odpowiada za wygląd, JavaScript zaś za zachowanie. HTML służy nie tylko do budowy witryn: używa się go w newsletterach, eksportowanych raportach, dokumentacji, zapisanych stronach WWW i w wynikach wielu programów z funkcją „eksportuj do HTML”.

Typowe zadania

Często masz po prostu plik .html albo fragment kodu i chcesz zobaczyć, jak się wyświetla, bez stawiania serwera WWW – szablon e-maila od kolegi z pracy, raport wygenerowany przez skrypt, stronę zapisaną z internetu albo kod skopiowany z poradnika. HTML Viewer renderuje go od razu, przełącza szerokość między komputerem, tabletem i telefonem i pokazuje pokolorowany kod źródłowy obok podglądu.

Innym razem trzeba zmienić kod: naprawić rozjechany układ, poprawić tekst w szablonie, wypróbować regułę CSS albo przygotować fragment do wklejenia w CMS. Edytor HTML podpowiada znaczniki i atrybuty, sam domyka znaczniki, pokazuje podgląd na żywo, a do tego ma formatowanie HTML, które porządkuje wcięcia w nieczytelnym kodzie, minifikację usuwającą zbędne spacje i komentarze oraz sprawdzanie niezamkniętych znaczników. Gotowy plik można pobrać albo skopiować kod.

Jeśli dokument jest napisany w Markdownie, a nie w HTML, Markdown Viewer go wyrenderuje i może wyeksportować samodzielną stronę HTML.

Prywatność i bezpieczeństwo w samym założeniu

Wszystko dzieje się w przeglądarce. Pliki nie są wysyłane na serwer i nie trzeba zakładać konta. HTML z niezaufanych źródeł jest pokazywany w odizolowanej piaskownicy: w trybie bezpiecznym skrypty i procedury obsługi zdarzeń są usuwane przed renderowaniem, a nawet po włączeniu skryptów podgląd działa w osobnym źródle (origin), bez dostępu do tej witryny, jej pamięci i innych kart. To ty decydujesz, czy zewnętrzne obrazy, style i skrypty, do których odwołuje się strona, mogą się wczytać – jeden przełącznik blokuje je wszystkie. Więcej na stronie o prywatności.

Ostatnia aktualizacja:

Najczęstsze pytania

Jak otworzyć plik HTML, żeby zobaczyć, jak wygląda?

Wystarczy otworzyć HTML Viewer, wybrać plik .html lub upuścić go na stronę albo wkleić kod. Strona jest od razu renderowana w odizolowanym podglądzie, z szerokościami komputera, tabletu i telefonu.

Czy podgląd HTML z nieznanego źródła jest bezpieczny?

Domyślnie viewer działa w trybie bezpiecznym, który usuwa skrypty i procedury obsługi zdarzeń. Po włączeniu skryptów strona działa w ramce-piaskownicy bez dostępu do tej witryny i twoich danych.

HTML Viewer czy edytor HTML – co wybrać?

Viewer służy do oglądania gotowej strony lub szablonu e-maila. Edytor przydaje się, gdy chcesz zmieniać kod i od razu widzieć efekt, a potem go sformatować, zminifikować i pobrać.

Dlaczego w podglądzie zamiast polskich liter widać krzaczki?

Plik zapisano w innym kodowaniu niż UTF-8 – starsze polskie strony często używają Windows-1250. Viewer odczytuje kodowanie ze znacznika BOM lub tagu meta charset, a gdy go brakuje, w polu „Kodowanie” można ręcznie wybrać Windows-1250.

Czy moje pliki HTML są gdzieś wysyłane?

Nie. Pliki odczytuje i renderuje twoja przeglądarka. Formatowanie i minifikacja działają w wątku roboczym w tle na twoim urządzeniu.

Czy trzeba coś instalować?

Nie. To strony internetowe działające w aktualnych wersjach Chrome, Edge, Firefoksa i Safari na komputerze i telefonie.

Inne kategorie