داغ ترین ویدیو بابلز لرن : هک کلاس های مجازی توسط متین برونسی

ویژگی تصویر

خاصیت data-* در HTML

  /  فرانت اند   /  HTML   /  خاصیت data در HTML
بنر تبلیغاتی الف

خاصیت data در HTML یکسری داده های سفارشی روی عناصر ایجاد می کند که می توانیم بدون دسترسی به پایگاه داده از طریق جاوااسکریپت به آنها دسترسی داشته باشیم.

صفت data-* شامل ۲ قسمت می باشد:

  • نام صفت نباید حاوی حروف بزرگ انگلیسی باشد و باید حداقل یک حرف بعد از پیشوند data- وجود داشته باشد.
  • مقدار این صفت می تواند از نوع رشته باشد.

مثال

در مثال زیر نام گونه های مختلف حیوانی را آورده ایم و با صفت data-* نوع گونه را مشخص کرده ایم، مثلاً جغد یک پرنده هست!

تماشا در حالت تمام صفحه


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

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

خاصیت
data-*4.05.52.03.19.6

نحوه استفاده

<element data-*="somevalue">

مقادیر خاصیت (attribute)

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

مثال های بیشتر


این قسمت/بخشی از محتوا مخفی شده است و فقط برای اعضای وب سایت قابل مشاهده می باشد، لطفاً با حساب کاربری وارد شوید.

5/5 - (12 امتیاز)

آیا این مطلب برای شما مفید بود ؟

خیر
بله
بنر تبلیغاتی ج