Elements de donnees data-img

Bonsoir

Pourrais-je avoir des explications sur cet élément "data-img"

Code:

---

1 2 3 4 5 6 7 8

<a class="menu__item" data-img="img/1.jpg"> <span class="menu__item-text"><span class="menu__item-textinner">Maria Costa</span></span> <span class="menu__item-sub">Style Reset 66 Berlin</span> </a> <a class="menu__item" data-img="img/2.jpg"> <span class="menu__item-text"><span class="menu__item-textinner">Lana Ferrari</span></span> <span class="menu__item-sub">Fashion Week Milano</span> </a>

---

Dans le code ci-dessus j ai du mal a comprendre l'utilité .

Merci d 'avance.

c'est peut-etre utilise pour du CSS ou du JS
en soit, c'est juste un attribut comme un autre

en CSS, tu peux l'utiliser pour afficher du texte par exemple

Code:

---

1 2 3

a::before { content: attr(data-img); }

---

et en JS, tu peux les "cibler" directement avec par exemple

Code:

---

tonElement.dataset.img

---

Bonjour
et merci pour ton message

je crois que pour du texte en CSS c'est plutôt

Code:

---

1 2 3

a::before { content: attr(data-text); }

---

c'est le nom du data-*

dans ton exemple, c'est data-img... donc cote css, ce doit etre data-img...