Ostatnio edytowany:

data

Autor: Virtual Patriot

Przeznaczenie atrybutu data

Za pomocą atrybutu data możemy określić własny atrybut data wraz z własną wartością dla interesującego nas elementu HTML.

Nazwa każdego własnego atrybutu "data" musi rozpoczynać się od ciągu znaków "data-", po którym musi wystąpić ciąg znaków składający się przynajmniej z jednego znaku.

Wartość domyślna

brak wartości domyślnej

Wartości atrybutu data

ciąg znaków

Należy podać ciąg znaków, który chcemy aby został wykorzystany do określenia interesującej nas wartości.

Przykładowy kod HTML

<!DOCTYPE HTML>
<html>
  <head>
    <meta charset="utf-8">
    <title>Darmowy Kurs HTML</title>
  </head>
  <body>

    <p data-masa="1kg" data-seria-numer="3-45123">
      Szklana kula.
    </p>

  </body>
</html>

Rezultat

Szklana kula.

Przykładowy element "p" posiada dwa własne atrybuty "data", ponieważ do wspomnianego elementu "p" został dodany atrybut "data-masa" wraz z wartością "1kg" oraz atrybut "data-seria-numer" wraz z wartością "3-45123".

Interpretacja atrybutu data

Firefox

tak

Google Chrome

tak

Safari

tak

Opera

tak

Internet Explorer

tak

Edge

tak

Zobacz więcej informacji o interpretacji atrybutu .