Strona w trakcie modernizacji

Zapraszamy wkrótce

Atrybuty HTML – atrybut data-*

Definicja, przeznaczenie i użycie atrybutu data-*

Atrybut data-* służy do przechowywania niestandardowych danych prywatnych dla strony lub aplikacji. Atrybut data-* daje nam możliwość osadzania niestandardowych atrybutów danych we wszystkich elementach HTML.

Przechowywane dane (niestandardowe) można następnie wykorzystać w JavaScript strony, aby stworzyć bardziej angażujące środowisko użytkownika (bez żadnych wywołań Ajax lub zapytań do bazy danych po stronie serwera).

Atrybut data-* składa się z dwóch części:

1. nazwa atrybutu nie powinna zawierać wielkich liter i musi znajdować się co najmniej jeden znak po przedrostku "data-"
2. wartość atrybutu może być dowolnym ciągiem

Uwaga: atrybuty niestandardowe z przedrostkiem "data-" zostaną całkowicie zignorowane przez klienta użytkownika.

Zastosowanie atrybutu data-*

Atrybut data-* można zastosować w następującym elemencie:

Wsparcie przeglądarek dla atrybutu data-*

Atrybut data-* ma następującą obsługę przeglądarek dla każdego elementu:

Atrybut
data-*	Tak	Tak	Tak	Tak	Tak

Przykładowe zastosowania atrybutu data-*