Autor publikacji
Virtual Patriot - Administrator

data-*

Data publikacji
Ostatnio edytowano

Przeznaczenie atrybutu data-*

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

W miejsce znaku gwiazdki należy podać własną nazwę, jaką chcemy, aby posiadał dany atrybut "data-*".

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 przez przeglądarkę internetową 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".

Przypuszczalnie domyślne reguły CSS związane z atrybutem data-*

/* brak */

Interpretacja atrybutu data-*

Firefox

tak

Google Chrome

tak

Safari

tak

Opera

tak

Internet Explorer

tak

Edge

tak

Zobacz więcej informacji o interpretacji atrybutu .