przykład - Kurs HTML i CSS
HTML5 / Automatyczna kapitalizacja tekstu <... autocapitalize>...ręczny powrót na małe litery), gdy litera, która powinna być automatycznie kapitalizowana, ma zostać wpisana. Inne rodzaje wprowadzania tekstu, na przykład wprowadzanie głosowe, mogą wykonywać automatyczną kapitalizację w sposób, który nie daje użytkownikom możliwości wcześniejszej interwencji. Atrybut autocapitalize="..." pozwala kontrolować takie zachowanie.
- HTML5 / Blokowanie wyświetlania <link "stylesheet" blocking, script blocking, style blocking>
...internetowa może wykonywać niektóre operacje równocześnie. Czasami mogłoby to jednak prowadzić do nieoczekiwanych rezultatów. Dlatego na przykład osadzenie zewnętrznego skryptu JavaScript na stronie zwykle powoduje, że przeglądarka przestaje wykonywać inne operacje, dopóki go nie załaduje i nie uruchomi. Możemy jednak pozwolić na wykonywanie niektórych czynności równolegle - np. ładowanie innych zasobów zewnętrznych osadzonych w dokumencie - a zablokować jedynie samo wyświetlanie...
- HTML5 / Dekodowanie obrazków <img decoding>
...komputerów może oznaczać konwersję zakodowanych informacji, takich jak obrazów lub tekstu, do ich pierwotnej, użytecznej formy. Jakie są przykłady dekodowania? Przykłady dekodowania obejmują konwersję zakodowanego pliku obrazu (np. JPEG) do formatu, który można wyświetlić na ekranie, deszyfrowanie zaszyfrowanej wiadomości, aby była czytelna, oraz dekodowanie znaków zakodowanych w formacie HTML, takich jak ©, na ich odpowiedniki, np. ©. Jaki jest atrybut dekodowania w...
- HTML5 / Klawisz Enter <... enterkeyhint>
...klawisz zatwierdzenia Enter (może on być oznaczony symbolem: ↵). Jednak w pewnych przypadkach na tym klawiszu może się wyświetlać co innego. Na przykład jeśli wprowadzamy adres strony w przeglądarce internetowej, na klawiaturze ekranowej może się wyświetlić napis: Idź, a jeśli wyszukujemy czegoś - ikona lupy. Zachowaniem tym możemy również ręcznie sterować przy pomocy atrybutu enterkeyhint="...".
- HTML5 / Priorytet ładowania <img fetchpriority, link fetchpriority, script fetchpriority>
...fetchpriority="high", należy umieścić ten atrybut w tagu <img>, <link> lub <script> dla zasobów, które mają mieć wysoki priorytet pobierania. Na przykład: <img src="image.jpg" fetchpriority="high"> lub <link rel="preload" as="style" href="style.css" fetchpriority="high">. To zapewni, że przeglądarka pobierze te zasoby z wyższym priorytetem.
- HTML5 / Przypisanie pola do formularza <button form, fieldset form, input form, object form, output form, select form, textarea form>
(interpretuje: Firefox 4, Opera 10, Chrome 10) Przycisk: <button form="identyfikator">...</button> Grupa pól formularza: <fieldset form="identyfikator">...</fieldset> Pole formularza: <input form="identyfikator"> Obiekt: <object form="identyfikator"></object> Dane wyjściowe: <output form="identyfikator">...</output> Lista rozwijalna: <select form="identyfikator">...</select> Obszar tekstowy: <textarea form="identyfikator">...</textarea> identyfikator Należy podać wartość...
- HTML5 / Nadpisanie atrybutów formularza <button formaction formenctype formmethod formnovalidate formtarget, input "submit, image" formaction formenctype formmethod formnovalidate formtarget>
(interpretuje: Internet Explorer 10, Firefox 4, Opera 15, Chrome 9) Przycisk wysłania formularza - akcja: <button formaction="akcja">...</button> Przycisk wysłania formularza - typ kodowania: <button formenctype="kodowanie">...</button> Przycisk wysłania formularza - metoda: <button formmethod="metoda">...</button> Przycisk wysłania formularza - pominięcie walidacji: <button formnovalidate>...</button> Przycisk wysłania formularza - cel: <button formtarget="cel">...</button> Pole...
- HTML5 / Tryb wpisywania <... inputmode>
...wyszukiwania. Urządzenia mobilne są wyposażone w klawiaturę ekranową, która potrafi dopasować zestaw klawiszy do typu wprowadzanej wartości. Na przykład przy wprowadzaniu wartości numerycznej, dostępne mogą być tylko cyfry, przecinek i minus. Możemy ręcznie wymusić określony tryb wprowadzania tekstu poprzez przypisanie atrybutu inputmode="...". Warto zauważyć, że niektóre wartości atrybutu trybu wpisywania odpowiadają typom pól formularza: inputmode="text" i type="text...
- HTML5 / Pominięcie walidacji formularza <form novalidate>
(interpretuje: Internet Explorer 10, Firefox 4, Opera 15, Chrome 10) <form novalidate>...</form> novalidate to atrybut logiczny (wstawiany bez wartości), który pozwala pominąć wszelką weryfikację pól formularza. Oznacza to, że użytkownik będzie mógł wysłać formularz, nawet jeżeli nie wypełni wszystkich obowiązkowych pól albo poda nieprawidłowe wartości (np. wpisze adres e-mail w niepoprawnym formacie). Przykład <form novalidate, input required> Mimo oznaczenia pola jako obowiązkowe...
- HTML5 / Leniwe ładowanie <iframe loading, img loading>
...inteligentne ładowanie? Inteligentne ładowanie można włączyć, stosując atrybut loading="lazy" dla elementów, takich jak <img> i <iframe>. Na przykład: <img src="obrazek.jpg" loading="lazy">. Dzięki temu zasoby te będą ładowane tylko wtedy, gdy użytkownik przewinie stronę w ich pobliże. Dlaczego leniwe ładowanie? Leniwe ładowanie jest stosowane, aby przyspieszyć czas ładowania początkowej części strony, zmniejszając ilość zasobów ładowanych od razu. Pozwala to na szybsze...