Przejdź do treści

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.

Komentarze

Zobacz więcej komentarzy

Facebook