html - Kurs HTML i CSS
HTML5 / Wyszukiwarka <search><search>...</search> Element ten pozwala semantycznie wskazać, że objęty nim fragment kodu HTML stanowi formularz wyszukiwania. Może to być na przykład: formularz wyszukiwania w aktualnym serwisie mechanizm filtrowania danych w bieżącym dokumencie wyszukiwarka w całym Internecie Elementem tym powinien być objęty tylko sam formularz, a nie wyniki wyszukiwania. Znacznik SEARCH nie tworzy samoczynnie wyszukiwarki, a jedynie wskazuje miejsce na stronie, gdzie się znajduje jej formularz. Do...
- HTML5 / Atrybuty danych <... data-...>
Elementy bez znacznika zamykającego z atrybutem logicznym: <element data-nazwa> Elementy bez znacznika zamykającego z atrybutem o podanej wartości: <element data-nazwa="wartość"> Elementy ze znacznikiem zamykającym z atrybutem logicznym: <element data-nazwa>...</element> Elementy ze znacznikiem zamykającym z atrybutem o podanej wartości: <element data-nazwa="wartość">...</element> element Dowolny znacznik HTML 4.01 lub HTML5 nazwa Musi rozpoczynać się małą literą łacińską, znakiem...
- HTML5 / Pobieranie <a download, area download>
...na dysku użytkownika Wskazuje, że hiperłącze służy do pobierania pliku ze strony. Dzięki temu można np. wymusić pobranie wskazanego dokumentu *.html na dysk lokalny użytkownika - w przeciwnym razie po kliknięciu odnośnika nastąpiłoby wyświetlenie wskazywanego dokumentu bezpośrednio w przeglądarce, a nie rozpoczęcie jego pobierania. Jeżeli podano wartość tego atrybutu, określa ona domyślną nazwę, jaką powinien przyjąć plik, po zapisaniu go na dysku lokalnym użytkownika.
- HTML5 / Priorytet ładowania <img fetchpriority, link fetchpriority, script fetchpriority>
(interpretuje: Opera 87, Chrome 101) Obrazek: <img src="lokalizacja" fetchpriority="priorytet"> Zewnętrzny zasób: <link href="lokalizacja" fetchpriority="priorytet"> Zewnętrzny skrypt JavaScript: <script src="lokalizacja" fetchpriority="priorytet"></script> lokalizacja Ścieżka dostępu albo adres URL wskazujące na miejsce, skąd ma zostać załadowany zewnętrzny zasób priorytet Należy wybrać jedną z następujących wartości: high - wskazany zasób załaduje się wcześniej względem innych...
- 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 / Element bierny <... inert>
(interpretuje: Firefox 112, Opera 88, Chrome 102) Element bez znacznika zamykającego (np. INPUT): <element inert> Element ze znacznikiem zamykającym (np. DIV): <element inert>...</element> element Dowolny znacznik HTML 4.01 lub HTML5 inert to atrybut logiczny (wstawiany bez wartości), sprawiający, że element przestaje być interaktywny - tzn.: Użytkownik nie będzie w stanie zaznaczyć tekstu takiego elementu. Nie będzie możliwości edytowania zawartości w polach formularzy ani...
- HTML5 / Minimalna i maksymalna liczba znaków <input minlength maxlength, textarea minlength maxlength>
Pole tekstowe: <input minlength="minimum" maxlength="maksimum"> Obszar tekstowy: <textarea minlength="minimum" maxlength="maksimum">...</textarea> minimum maksimum Liczby całkowite oznaczające odpowiednio: najmniejszą liczbę znaków, którą użytkownik musi wpisać w polu tekstowym oraz największą liczbę znaków, której nie może przekroczyć Atrybuty te pozwalają wymusić wpisanie w polu formularza tekstu składającego się przynajmniej z podanej liczb znaków (minlength="...") lub/i...
- HTML5 / Pole obowiązkowe <input required, select required, textarea required>
Pola podstawowe: <input type="typ" required> Lista rozwijalna: <select required>...</select> Obszar tekstowy: <textarea required>...</textarea> typ Należy użyć dowolnego pola formularza HTML 4.01 lub HTML5 - z wyjątkiem: hidden, image, button, submit, reset. Atrybut logiczny (wstawiany bez wartości) required pozwala wskazać, że oznaczone nim pole jest obowiązkowe. Jeśli użytkownik go nie wypełni, nie będzie mógł w ogóle wysłać formularza. Przy takiej próbie przeglądarka może pokazać...
- HTML5 / Tłumaczenie językowe <... translate>
(interpretuje: Firefox 111, Opera 15, Chrome 19) Wersja podstawowa: <element translate>...</element> Wersja rozszerzona: <element translate="tłumaczenie">...</element> tłumaczenie Należy podać jedną z poniższych wartości: yes - tłumaczenie tekstu na inne języki jest dozwolone (to samo co użycie translate jako atrybut logiczny - bez podania wartości). no - tłumaczenie zablokowane element Dowolny znacznik HTML 4.01 lub HTML5 W sieci pojawiły się specjalne programy, służące do...
- HTML5 / Rozmiary przycisku obrazkowego <input "image" width height>
(interpretuje: Chrome 21, Firefox 16, Edge 12, Opera 12.1, Safari 7) <input type="image" src="lokalizacja" width="szerokość" height="wysokość"> lokalizacja Ścieżka dostępu do obrazka szerokość wysokość Nieujemne liczby całkowite określające odpowiednie wymiary przycisku obrazka wyrażone w pikselach Język HTML5 uzupełnia coś, co zapewne zostało przeoczone podczas tworzenia specyfikacji HTML 4.01. Od teraz można już ustawiać rozmiary przycisku obrazkowego służącego do wysyłania...