HTML data-* خاصیت

تعریف و استعمال

data-* کی ذمہ داری یہ ہے کہ وہ صفحے یا ایپلیکیشن کی نجی مخصوص اعداد شمار کو ذخیرے میں رکھنے کا کام کرسکے

data-* کی ذمہ داری یہ ہے کہ وہ تمام HTML عناصر پر مخصوص data 属性 کو بندوبست کرسکے

ذخیرے والی (مخصوص) اعداد شمار کا استعمال صفحے کے جاوا اسکریپت میں کیا جاسکتا ہے، تاکہ بہتر استعمال کنندہ تجربہ پیدا کیا جاسکے (Ajax کا استعمال نہ کیا جائے یا سرفراز سرور کی دیتابیس کو کسی بھی طرح سے کوئی بھی تحقیق نہ کی جائے)

data-* کی اقدار دو حصوں سے مشتمل ہیں:

  • کی نام کو کوئی بڑی حرف نہیں شامل ہونا چاہئیں، اور "data-" پیمانے کے بعد کوئی بھی حرف موجود ہونا چاہئیں
  • کی اقدار کسی بھی اشارتی زبان کی کسی بھی سطر ہونے چاہئیں

توجہ: استعمال کنندگان کا مشتق کو "data-" پیمانے سے پورا طور پر نا معتبر قرار دیا جائے گا.

مزید دیکھئے:

HTML درس:HTML ویژگی

HTML DOM مراجع کتاب:HTML DOM getAttribute() مہارت

مثال

از ویژگی data-* برای ایمپلنت کردن داده‌های شخصی استفاده کنید:

<ul>
  <li data-animal-type="鸟类">باز</li>
  <li data-animal-type="鱼类">ماهی تن</li>
  <li data-animal-type="蜘蛛">پرورش‌دهنده</li>
</ul>

خودتان امتحان کنید

نحوه استفاده

<element data-*="somevalue">

مقدار ویژگی

مقدار توضیح
somevalue مقدار ویژگی را مشخص کنید (به صورت رشته).

پشتیبانی مرورگر

اعداد در جدول نشان‌دهنده نسخه اولیه مرورگرهایی است که این ویژگی را پشتیبانی می‌کنند.

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
4.0 5.5 2.0 3.1 9.6