Nowe atrybuty HTML5
Jakie nowe atrybuty znajdują się w HTML5?
Język HTML5 definiuje nie tylko zupełnie nowe elementy (znaczniki), ale również dodatkowe atrybuty, które można przypisywać również do elementów, które były zdefiniowane już w specyfikacji HTML 4.01.
| Atrybuty | Zastosowanie | Opis |
|---|---|---|
| allow | IFRAME | Polityka uprawnień, która ma zostać zastosowana do zawartości elementu IFRAME |
| allowfullscreen | IFRAME | Czy pozwolić zawartości elementu IFRAME na użycie funkcji requestFullscreen() |
| as | LINK (rel="preload" lub rel="modulepreload") | Potencjalny cel żądania wstępnego ładowania |
| async | SCRIPT (src="...") | Uruchom skrypt, gdy będzie dostępny, bez blokowania podczas pobierania |
| autocapitalize | Wszystkie elementy | Zalecane zachowanie automatycznej kapitalizacji (dla obsługiwanych metod wprowadzania) |
| autocomplete | FORM, INPUT, SELECT, TEXTAREA | Funkcja autouzupełniania pól formularzy |
| autocorrect | Wszystkie elementy | Zalecane zachowanie automatycznej korekty (dla wspieranych metod wprowadzania) |
| autofocus | Wszystkie elementy | Automatycznie ustawia zogniskowanie (fokus) na elemencie po załadowaniu strony |
| blocking | LINK (rel="stylesheet" lub rel="expect"), SCRIPT, STYLE | Czy element może potencjalnie blokować wyświetlanie |
| charset | META | Deklaracja strony kodowej |
| contenteditable | Wszystkie elementy | Czy element jest edytowalny |
| crossorigin | AUDIO, IMG, LINK, SCRIPT, VIDEO | Sposób, w jaki element obsługuje żądania z mechanizmem CORS (ang. Cross-Origin Resource Sharing) |
| data-... | Wszystkie elementy | Niestandardowe atrybuty danych |
| decoding | IMG | Wskazówka dotycząca dekodowania używana podczas przetwarzania obrazka do prezentacji |
| dirname | INPUT, TEXTAREA | Nazwa kontrolki formularza używana do przesyłania kierunku tekstu elementu podczas wysyłania formularza |
| disabled | FIELDSET | Czy potomne kontrolki formularza, z wyjątkiem tych wewnątrz elementu LEGEND, są wyłączone |
| disabled | LINK (rel="stylesheet") | Czy arkusz stylów jest zablokowany |
| download | A, AREA | Czy pobrać zasób zamiast nawigować do niego oraz jego nazwa pliku, jeśli tak |
| draggable | Wszystkie elementy | Czy element jest przeciągalny |
| enterkeyhint | Wszystkie elementy | Wskazówka dotycząca wyboru działania przypisanego do klawisza Enter |
| fetchpriority | IMG, LINK, SCRIPT | Ustawia priorytet dla pobrań inicjowanych przez element |
| form | BUTTON, FIELDSET, INPUT, OBJECT, OUTPUT, SELECT, TEXTAREA | Łączy pole z elementem formularza |
| formaction, formenctype, formmethod, formnovalidate, formtarget | BUTTON (type="submit"), INPUT (type="submit" lub type="image") | formaction - URL do użycia przy wysyłaniu formularza; formenctype - typ kodowania listy danych do użycia przy wysyłaniu formularza; formmethod - metoda do użycia przy wysyłaniu formularza; formnovalidate - pominięcie walidacji kontrolek formularza przy wysyłaniu formularza; formtarget - cel nawigacyjny dla wysyłania formularza |
| hidden | Wszystkie elementy | Czy element jest istotny |
| imagesizes, imagesrcset | LINK (rel="preload") | imagesizes - rozmiary obrazków dla różnych układów strony; imagesrcset - obrazki do użycia w różnych sytuacjach, np. na wyświetlaczach o wysokiej rozdzielczości, małych monitorach itp. |
| inert | Wszystkie elementy | Czy element jest bierny |
| inputmode | Wszystkie elementy | Wskazówka dotycząca wyboru trybu wprowadzania |
| integrity | LINK, SCRIPT | Metadane integralności używane do weryfikacji integralności zasobów zewnętrznych (ang. Subresource Integrity - SRI) |
| is | Wszystkie elementy | Tworzy niestandardowy wbudowany element |
| itemid, itemprop, itemref, itemscope, itemtype | Wszystkie elementy | itemid - globalny identyfikator dla elementu mikrodanych; itemprop - nazwy właściwości elementu mikrodanych; itemref - elementy referencyjne; itemscope - wprowadza element mikrodanych; itemtype - typy elementu mikrodanych |
| loading | IFRAME, IMG | Używany przy określaniu opóźnienia ładowania |
| minlength, maxlength | INPUT, TEXTAREA | minlength - minimalna długość wartości; maxlength - maksymalna długość wartości |
| nomodule | SCRIPT | Zapobiega wykonaniu skryptu w przeglądarkach, które obsługują skrypty modułowe |
| nonce | Wszystkie elementy | Kryptograficzny numer używany jednokrotnie (ang. nonce) stosowany do weryfikacji Polityki Bezpieczeństwa Treści (ang. Content Security Policy - CSP) |
| novalidate | FORM | Pominięcie walidacji kontrolek formularza przy wysyłaniu formularza |
| pattern | INPUT | Wzorzec, który ma być dopasowany do wartości kontrolki formularza |
| ping | A, AREA | Adresy URL zasobów, które są zainteresowane otrzymywaniem powiadomień, jeśli użytkownik kliknie w hiperłącze |
| placeholder | INPUT, TEXTAREA | Etykieta widoczna dla użytkownika, która ma być umieszczona wewnątrz kontrolki formularza |
| popover, popovertarget, popovertargetaction | popover - wszystkie elementy; popovertarget, popovertargetaction - BUTTON (type="button"), INPUT (type="button") | popover - przekształca element w popover; popovertarget - wskazuje element popover, który ma być przełączony, pokazany lub ukryty; popovertargetaction - określa, czy docelowy element popover ma być przełączony, pokazany, czy ukryty |
| required | INPUT (z wyjątkiem type="hidden", type="image", type="button", type="submit", type="reset") SELECT, TEXTAREA | Czy kontrolka jest wymagana do wysłania formularza |
| referrerpolicy | A, AREA, IFRAME, IMG, LINK, SCRIPT | Polityka strony odsyłającej dla pobrań inicjowanych przez element |
| reversed | OL | Numeruj listę wstecz |
| sandbox | IFRAME | Zasady bezpieczeństwa dla osadzonej zawartości |
| sizes | LINK (rel="icon") | Rozmiary ikon |
| sizes, srcset | IMG, SOURCE | sizes - rozmiary obrazków dla różnych układów strony; srcset - obrazki do użycia w różnych sytuacjach, np. na wyświetlaczach o wysokiej rozdzielczości, małych monitorach itp. |
| slot | Wszystkie elementy | Żądany slot elementu |
| spellcheck | Wszystkie elementy | Czy element ma być sprawdzany pod kątem pisowni i gramatyki |
| srcdoc | IFRAME | Dokument do renderowania w ramce IFRAME |
| translate | Wszystkie elementy | Czy element ma być tłumaczony, gdy strona jest lokalizowana |
| width, height | INPUT (type="image") | width - wymiar poziomy; height - wymiar - pionowy |
| wrap | TEXTAREA | Sposób, w jaki wartość kontrolki formularza ma być zawijana podczas wysyłania formularza |
| writingsuggestions | Wszystkie elementy | Czy element może oferować podpowiedzi w trakcie pisania (ang. writing suggestions), czy nie |
Żródło: HTML Standard