Najnowsze tutoriale tworzenie stron internetowych
 

HTML data-* Attributes


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:

  1. Nazwa atrybutu nie powinny zawierać żadnych wielkich liter i musi mieć co najmniej jeden znak po przedrostek "data-"
  2. 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