przykład - Kurs HTML i CSS
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 / 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...
- 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 / Tłumaczenie językowe <... translate>
...Często są one również wbudowane w przeglądarki internetowe lub system operacyjny. Jednak nie każdy fragment tekstu powinien być tłumaczony. Na przykład kod programu, zawierający instrukcję w języku angielskim, powinien zostać nietknięty przez aplikację tłumaczącą. Aby zabronić tłumaczenia tekstu, należy do elementu, który go obejmuje, przypisać atrybut translate="no".
- Typy MIME / Multipurpose Internet Mail Extensions
...(ang. experimental) Składnia strukturalna Niektóre z podtypów mogą posiadać specjalne przyrostki rozpoczynające się od znaku plusa. Na przykład typ application/xhtml+xml oznacza dokument XHTML zapisany przy użyciu składni języka XML.
Definicje / Drzewo dokumentu(document tree) Drzewo elementów umieszczonych w dokumencie źródłowym. Każdy element w takim drzewie ma dokładnie jednego rodzica, oprócz elementu podstawowego, czyli korzenia drzewa (root). Przykład Po wpisaniu: <html> <head> <title>...</title> </head> <body> <h1>...</h1> <p>...</p> <table> <tr> <td>...</td> <td>...</td> </tr> <tr> <td>...</td> <td>...</td> </tr> </table> </body> </html> Otrzymamy następujące drzewo dokumentu: gdzie...