Atrybuty danych <... data-...>
Jak dodać do dowolnego znacznika HTML własny, niestandardowy atrybut?
- Elementy bez znacznika zamykającego z atrybutem logicznym:
<element data-nazwa>
- Elementy bez znacznika zamykającego z atrybutem o podanej wartości:
<element data-nazwa="wartość">
- Elementy ze znacznikiem zamykającym z atrybutem logicznym:
<element data-nazwa>...</element>
- Elementy ze znacznikiem zamykającym z atrybutem o podanej wartości:
<element data-nazwa="wartość">...</element>
- element
- Dowolny znacznik HTML 4.01 lub HTML5
- nazwa
- Musi rozpoczynać się małą literą łacińską, znakiem podkreślnika ("_") lub dwukropkiem (":"), a następnie oprócz tego może zawierać również cyfry arabskie, kropki (".") i znaki minusa ("-").
W nazwach atrybutów danych nie można używać wielkich liter.
- wartość
- Dowolny tekst
HTML5 pozwala webmasterom nadawać dowolnemu znacznikowi na stronie swoje własne atrybuty, pod warunkiem że ich nazwa rozpoczyna się od: data- (np. data-mojatrybut="..."). Nie mają one żadnego wpływu na sposób wyświetlania strony ani na semantykę tekstu. Ich wartości wykorzystuje się w dynamicznych skryptach JavaScript - wstawianych do dokumentu za pomocą znaczników SCRIPT. Jeżeli nie korzystasz z takich skryptów, nie używaj tych atrybutów.
Przeglądarki
 Chrome |  Firefox |  Edge |  Opera |  Safari | |
|---|---|---|---|---|---|
attributes | 7 2010-10-19 | 6 2011-08-16 | 12 2015-07-29 | 15 2013-07-02 | 5.1 2011-07-20 |