Definicja i Wykorzystanie
data-* atrybutów służy do przechowywania niestandardowe prywatne dane ze strony lub aplikacji.
W data-* atrybuty daje nam możliwość umieszczania danych niestandardowych atrybutów wszystkich elementów HTML.
Przechowywane (na zamówienie), dane mogą być następnie wykorzystane na stronie w JavaScript, aby stworzyć bardziej niezwykle doświadczenia użytkownika (bez żadnych Ajax wywołuje lub zapytań do bazy danych po stronie serwera).
Do data-* cechy składa się z dwóch części:
- Nazwa atrybutu nie powinny zawierać żadnych wielkich liter i musi mieć co najmniej jeden znak po przedrostek "data-"
- Wartość atrybutu może być dowolnym ciągiem
Uwaga: atrybuty niestandardowe z przedrostkiem "data-" zostanie całkowicie ignorowane przez agenta użytkownika.
Dotyczy
contextmenu atrybut jest częścią atrybutów globalnych i może być używany na każdym elemencie HTML.
| Element | Atrybut |
|---|---|
| Wszystkie elementy HTML | data-* |
Przykład
Przykład
Użyj data-* atrybut osadzić niestandardowe dane:
<ul>
<li data-animal-type="bird">Owl</li>
<li
data-animal-type="fish">Salmon</li>
<li
data-animal-type="spider">Tarantula</li>
</ul>
Spróbuj sam " Pomoc Browser
Liczby w tabeli określ pierwszą wersję przeglądarki, która w pełni obsługuje atrybut.
| Atrybut | |||||
|---|---|---|---|---|---|
| data-* | 4,0 | 5,5 | 2,0 | 3,1 | 9,6 |