HTML5 - HTML
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.