data-*
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 »
Ta’rif va qo‘llanilishi
data-* atributlari sahifa yoki ilovaga xos bo‘lgan maxsus ma’lumotlarni saqlash uchun ishlatiladi.
data-* atributlari 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-* atributlari 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.
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 |
Sintaksis
<element data-*="somevalue">
Atribut qiymatlari
| Qiymat | Tavsif |
|---|---|
| somevalue | Atributning qiymatini belgilaydi (string ko‘rinishida) |
Tegishli sahifalar
HTML darsligi: HTML atributlari
HTML DOM ma’lumotnomasi: HTML DOM getAttribute() metodi
W3Schools Pathfinder
Yutuqlaringizni kuzating – bu bepul!