Atrybut data-* HTML

Definicja i użycie

data-* Atrybuty są używane do przechowywania prywatnych danych własnych strony lub aplikacji.

data-* Atrybut daje nam możliwość wstawiania własnych atrybutów data w wszystkich elementach HTML.

Zapisane (własne) dane mogą być używane w JavaScriptie strony, aby tworzyć lepsze doświadczenia użytkownika (bez wywołań Ajax lub zapytań do bazy danych serwerowej).

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

  • Nazwa atrybutu nie powinna zawierać żadnych dużych liter i musi mieć co najmniej jeden znak po prefiksie "data-"
  • Wartość atrybutu może być dowolnym ciągiem znaków

Uwaga: Przeglądarka całkowicie ignoruje atrybuty własne z prefiksem "data-".

Zobacz również:

Tutorial HTML:Atrybuty HTML

Podręcznik referencyjny DOM HTML:Metoda getAttribute() DOM HTML

Przykład

Włóż dane niestandardowe za pomocą atrybutu data-*:

<ul>
  <li data-animal-type="鸟类">喜鹊</li>
  <li data-animal-type="鱼类">金枪鱼</li>
  <li data-animal-type="蜘蛛">蝇虎</li>
</ul>

Spróbuj sam

Gramatyka

<element data-*="somevalue">

Wartość atrybutu

Wartość Opis
somevalue Określ wartość atrybutu (jako ciąg znaków).

Obsługa przeglądarek

Numer w tabeli oznacza wersję pierwszego przeglądarki, która w pełni obsługuje ten atrybut.

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
4.0 5.5 2.0 3.1 9.6