config

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:

Element (tag) Atrybut
Wszystkie elementy HTML data-*

 

Wsparcie przeglądarek dla atrybutu data-*

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

Atrybut chrome edge firefox safari opera
data-* Tak Tak Tak Tak Tak

 

Przykładowe zastosowania atrybutu data-*

 

 

Obszar działalności – tworzenie stron internetowych w miastach:

Witold Czuba Tworzenie stron Warszawa, Wrocław i Legnica | Teksty SEO pozycjonujące strony | Grafika na strony internetowe
Adres:, Marynarska 54, 59-220, Legnica, dolnośląskie, Polska, Tel.: +48 780 060 995, Pon. - pt. 8:00 - 17:00

 

Witold Czuba

Tworzenie stron Warszawa, Wrocław i Legnica | Teksty SEO pozycjonujące strony | Grafika na strony internetowe

Marynarska 54
59-220, Legnica,
dolnośląskie, Polska,
Tel.: +48 780 060 995,
Pon. - pt. 8:00 - 17:00