HTML5
Czym różni się HTML5 od HTML 4 i XHTML 1 oraz dlaczego warto go używać?
- Ewolucja języka HTML
Co to jest język HTML5?
- Czy XHTML umarł?
Czy przejście z języka (X)HTML do (X)HTML5 wymaga przepisania wszystkich stron od nowa?
- Składnia (X)HTML5
Jak wygląda typowy dokument (X)HTML5?
- Nowe elementy HTML5
Jakie nowe elementy (znaczniki) znajdują się w HTML5?
- Nowe atrybuty HTML5
Jakie nowe atrybuty znajdują się w HTML5?
- Zmienione elementy i atrybuty HTML5
Jakie elementy (znaczniki) i atrybuty zostały zmienione (zmodyfikowane) w HTML5?
- Przestarzałe elementy i atrybuty HTML5
Jakie elementy (znaczniki) i atrybuty wycofano (usunięto) w HTML5?
- Kategorie elementów HTML5
W jaki sposób są podzielone elementy (znaczniki) HTML5?
- Sekcja <section>
Jak podzielić tematycznie obszerniejsze fragmenty dokumentu HTML5?
- Artykuł <article>
Jak wstawić artykuł do dokumentu HTML5?
- Wstawka <aside>
W jaki sposób w HTML5 powinno się wstawiać elementy, powiązane tematycznie z artykułem na stronie?
- Podtytuł <hgroup>
W jaki sposób poprawnie wstawić do dokumentu podtytuł?
- Nagłówek <header>
Jak powinno się wstawiać wprowadzenie w dokumentach HTML5?
- Stopka <footer>
W jaki sposób oznaczyć stopkę w dokumentach HTML5?
- Nawigacja <nav>
Jak wstawić na stronie WWW sekcję z linkami nawigacyjnymi?
- Szablon strony w HTML5
Jak powinien wyglądać szablon (szkielet) strony w języku HTML5?
- Załącznik <figure, figcaption>
W jaki sposób oznaczyć w HTML5: ilustrację, diagram, zdjęcie, kod źródłowy, rysunek, rycinę, wykres, załącznik?
- Główna treść <main>
W jaki sposób wskazać główną zawartość strony WWW?
- Wyszukiwarka <search>
Jak oznaczyć na stronie formularz wyszukiwania lub filtrowania treści?
- Uwydatnienie <mark>
Jak zaznaczyć lub uwydatnić część tekstu?
- Data i czas <time>
W jaki sposób poprawnie oznaczać datę i czas w dokumentach HTML5?
- Możliwy koniec linii <wbr>
Jak umożliwić przeglądarce przełamanie długiej linii do następnego wiersza?
- Responsywny obrazek <picture, source>
W jaki sposób wstawić na stronie internetowej obrazek (grafikę, zdjęcie, fotografię, ilustrację), który automatycznie dopasowuje się do wielkości ekranu?
- Filmy i dźwięk <video, audio, source>
W jaki sposób wstawić odtwarzacz filmów wideo lub muzyki audio na stronie internetowej?
- Napisy do filmów <track>
Jak dodać napisy (ścieżkę tekstową) do filmu wideo?
- Autouzupełnianie <datalist>
W jaki sposób dodać autouzupełnianie pola formularza?
- Pasek postępu <progress>
Jak wstawić na stronie WWW pasek postępu?
- Pasek wyniku <meter>
Jak wstawić na stronie WWW pasek głosowania w ankiecie?
- Otwierany panel <details, summary>
Co zrobić, aby wstawić na stronę panel, otwierany po kliknięciu myszką?
- Pola formularza <input "color, date, datetime-local, email, month, number, range, search, tel, time, url, week" min max step multiple>
Jak wstawić na stronie WWW pole (kontrolkę) formularza służącą do wyboru: koloru, daty, czasu, tygodnia roku, adresu e-mail, wartości liczbowej, przedziału (zakresu) liczb, numeru telefonu, adresu strony (URL) czy pole wyszukiwania?
- Wstępne ładowanie <link "preload" as>
W jaki sposób przyspieszyć ładowanie zewnętrznych zasobów (plików): zdjęć, filmów wideo, dźwięku audio, arkuszy stylów CSS, czcionek, skryptów?
- Automatyczna kapitalizacja tekstu <... autocapitalize>
Jak zablokować przełączanie klawiatury smartfona w tryb automatycznego wstawiania pierwszej litery jako wielkiej?
- Asynchroniczne ładowanie skryptów <script src async>
W jaki sposób załadować skrypt JavaScript (JS) asynchronicznie, aby nie blokował szybkiego wyświetlania strony WWW?
- Blokada autouzupełniania <form autocomplete, input autocomplete, select autocomplete, textarea autocomplete>
Jak zabezpieczyć formularz internetowy przed wyciekiem (ujawnieniem) danych osobowych?
- Blokada autokorekty <... autocorrect>
W jaki sposób zablokować automatyczne poprawianie błędów pisowni podczas wprowadzania tekstu w wybranych polach formularza HTML na stronie?
- Automatyczne zogniskowanie <... autofocus>
W jaki sposób wprowadzić kursor tekstowy do wybranego pola formularza automatycznie po załadowaniu strony?
- Blokowanie wyświetlania <link "stylesheet" blocking, script blocking, style blocking>
W jaki sposób załadować skrypt JavaScript (JS) asynchronicznie, ale zatrzymać wyświetlanie (renderowanie) strony, dopóki nie skończy on generować dynamicznej zawartości?
- Deklaracja strony kodowej <meta charset>
Jak HTML5 upraszcza sposób deklarowania strony kodowej umożliwiającej poprawne wyświetlanie znaków diakrytycznych na stronie?
- Element edytowalny <... contenteditable>
Jak sprawić, aby zawartość dowolnego elementu HTML na stronie WWW można było edytować?
- Uwierzytelnienie <audio crossorigin, img crossorigin, link crossorigin, script crossorigin, video crossorigin>
W jaki sposób można identyfikować zalogowanego użytkownika pomiędzy różnymi serwisami?
- Atrybuty danych <... data-...>
Jak dodać do dowolnego znacznika HTML własny, niestandardowy atrybut?
- Dekodowanie obrazków <img decoding>
W jaki sposób nie opóźniać wyświetlania strony podczas ładowania dużych obrazków?
- Grupowa blokada pól formularza <fieldset disabled>
W jaki sposób za jednym razem zablokować kilka pól formularza HTML?
- Pobieranie <a download, area download>
Jak wymusić pobranie pliku na dysk po kliknięciu linka (odnośnika hipertekstowego)?
- Przeciągnij i upuść <... draggable>
W jaki sposób zablokować przeciąganie elementów myszką?
- Klawisz Enter <... enterkeyhint>
Co zrobić, żeby na klawiaturze smartfona wyświetlał się inny klawisz Enter - np. z napisem "Idź", "Dalej", "Wyślij" albo ikonka wyszukiwania?
- Priorytet ładowania <img fetchpriority, link fetchpriority, script fetchpriority>
Jak zapewnić szybsze ładowanie krytycznych zasobów (obrazków, arkuszy stylów, skryptów) osadzonych na stronie?
- Przypisanie pola do formularza <button form, fieldset form, input form, object form, output form, select form, textarea form>
Czy można umieszczać pola (kontrolki) poza znacznikiem formularza?
- Nadpisanie atrybutów formularza <button formaction formenctype formmethod formnovalidate formtarget, input "submit, image" formaction formenctype formmethod formnovalidate formtarget>
W jaki sposób zbudować formularz HTML, który zostanie wysłany pod inny adres, w zależności który przycisk użytkownik kliknie?
- Element ukryty <... hidden>
W jaki sposób ukryć element na stronie, ale pozwolić wyszukiwać jego treść?
- Element bierny <... inert>
W jaki sposób zablokować możliwość zaznaczania i wyszukiwanie tekstu w wybranym elemencie na stronie WWW?
- Tryb wpisywania <... inputmode>
W jaki sposób ustawić typ klawiatury na ekranie smartfona do wpisywania wartości liczbowej, numeru telefonu, adresu URL lub e-mail?
- Leniwe ładowanie <iframe loading, img loading>
Co zrobić, żeby obrazki na stronie były ładowane dopiero, kiedy użytkownik przewinie stronę w ich pobliże?
- Minimalna i maksymalna liczba znaków <input minlength maxlength, textarea minlength maxlength>
Jak wymusić wpisanie w formularzu tekstu przynajmniej o podanej długości? Jak zabezpieczyć się przed wprowadzeniem zbyt długiego tekstu?
- Pominięcie walidacji formularza <form novalidate>
W jaki sposób zrezygnować ze sprawdzania poprawności wypełniania pól formularza?
- Walidacja pól formularza <input pattern>
Jak zrobić pole formularza do wpisania tekstu w niestandardowym formacie - np. kodu pocztowego?
- Podpowiedź pola formularza <input placeholder, textarea placeholder>
Jak umieścić podpowiedź w polu formularza HTML w postaci szarego tekstu, który zniknie po rozpoczęciu wprowadzania danych?
- Okienko popover <... popover, button "button" popovertarget popovertargetaction, input "button" popovertarget popovertargetaction>
Jak w języku HTML otworzyć wyskakujące okienko na warstwie ponad zawartością strony bez użycia JavaScript?
- Pole obowiązkowe <input required, select required, textarea required>
W jaki sposób wymusić wypełnienie obowiązkowego (wymaganego) pola w formularzu HTML?
- Wykaz z numeracją odwrotną <ol reversed>
Jak ponumerować punkty w kolejności malejącej?
- Piaskownica zabezpieczająca <iframe sandbox>
Jak zabezpieczyć zewnętrzne widżety (ramki lokalne), aby nie mogły zainstalować wirusa czy konia trojańskiego użytkownikom naszego serwisu ani wyłudzać od nich danych?
- Osadzenie kodu HTML w ramce lokalnej <iframe srcdoc>
Jak bez użycia JavaScript wygenerować zawartość ramki lokalnej bez wczytywania do niej żadnej strony?
- Sprawdzanie pisowni <... spellcheck>
W jaki sposób zablokować sprawdzanie pisowni w wybranych polach formularza HTML na stronie?
- Tłumaczenie językowe <... translate>
W jaki sposób zablokować automatyczne tłumaczenie wybranych fragmentów strony WWW na inne języki?
- Rozmiary przycisku obrazkowego <input "image" width height>
Czy w języku HTML da się ustawić rozmiary przycisku obrazkowego do wysyłania formularza?
- Zawijanie tekstu w formularzu <textarea wrap>
W jaki sposób wymusić wysłanie tekstu dokładnie w taki sposób, jak wyglądał podczas wypełniania formularza HTML?
- Powtórka
HTML