...
خاصیت data در HTML
نوشته شده توسط متین برونسی
دسته بندی ها:
خاصیت data در HTML یکسری داده های سفارشی روی عناصر ایجاد می کند که می توانیم بدون دسترسی به پایگاه داده از طریق جاوااسکریپت به آنها دسترسی داشته باشیم.
صفت data-*
شامل ۲ قسمت می باشد:
- نام صفت نباید حاوی حروف بزرگ انگلیسی باشد و باید حداقل یک حرف بعد از پیشوند
data-
وجود داشته باشد. - مقدار این صفت می تواند از نوع رشته باشد.
مثال
در مثال زیر نام گونه های مختلف حیوانی را آورده ایم و با صفت data-*
نوع گونه را مشخص کرده ایم، مثلاً جغد یک پرنده هست!
تماشا در حالت تمام صفحه
پشتیبانی مرورگر ها
اعداد موجود در جدول اولین نسخه مرورگر که این ویژگی را کاملاً پشتیبانی می کند نشان می دهد.
خاصیت | |||||
---|---|---|---|---|---|
data-* | 4.0 | 5.5 | 2.0 | 3.1 | 9.6 |
نحوه استفاده
<element data-*="somevalue">
مقادیر خاصیت (attribute)
مقدار | توضیحات |
---|---|
somevalue | مقدار صفت را مشخص می کند. (به عنوان یک رشته) |
مثال های بیشتر
این قسمت/بخشی از محتوا مخفی شده است و فقط برای اعضای وب سایت قابل مشاهده می باشد، لطفاً با حساب کاربری وارد شوید.
آیا این مطلب برای شما مفید بود ؟
خیر
بله