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 " 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 niestandardowych data 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.
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 |
Różnice między HTML 4.01 i HTML5
W data-* atrybuty są nowe w HTML5.
Składnia
<elementdata-*=" somevalue ">
wartości atrybutów
Wartość | Opis |
---|---|
somevalue | Określa wartość atrybutu (jako ciąg) |
Podobne strony
Kurs HTML: Atrybuty HTML
HTML DOM: HTML DOM getAttribute() Metoda