data-*
Ta’rif va qo‘llanilishi
data-* atributi sahifa yoki ilovaga xos maxsus (custom) ma’lumotlarni saqlash uchun ishlatiladi.
data-* atributi barcha HTML elementlariga maxsus data atributlarini joylashtirish imkonini beradi.
Saqlangan (maxsus) ma’lumotlardan keyinchalik sahifaning JavaScript kodida foydalanuvchi uchun qiziqarliroq tajriba yaratish maqsadida foydalanish mumkin (hech qanday Ajax chaqiruvlari yoki server tomonidagi ma’lumotlar bazasi so‘rovlarisiz).
data-* atributi ikki qismdan iborat:
- Atribut nomida katta harflar bo‘lmasligi kerak va u "data-" prefiksidan keyin kamida bitta belgidan iborat bo‘lishi shart
- Atribut qiymati istalgan string bo‘lishi mumkin
Eslatma: "data-" prefiksli maxsus atributlar user agent (brauzer) tomonidan butunlay e’tiborsiz qoldiriladi.
Qo‘llaniladigan elementlar
data-* atributi global atribut bo‘lib, uni istalgan HTML elementida ishlatish mumkin.
| Element | Atribut |
|---|---|
| Barcha HTML elementlari | data-* |
Misol
Misol
Maxsus ma’lumotlarni joylashtirish uchun data-* atributidan foydalaning:
<ul>
<li data-animal-type="bird">Owl</li>
<li data-animal-type="fish">Salmon</li>
<li data-animal-type="spider">Tarantula</li>
</ul>
O‘zingiz sinab ko‘ring »
Brauzerlarda qo‘llab-quvvatlash
Jadvaldagi raqamlar atributni to‘liq qo‘llab-quvvatlaydigan birinchi brauzer versiyasini ko‘rsatadi.
| Atribut | |||||
|---|---|---|---|---|---|
| data-* | 4.0 | 5.5 | 2.0 | 3.1 | 9.6 |
W3Schools Pathfinder
Yutuqlaringizni kuzating – bu bepul!