نمونه کد

ویژگی data-* در HTML

آزمایشگاه

تعریف و کاربرد

ویژگی *-data برای ذخیره داده‌های سفارشی اختصاصی به صفحه یا برنامه استفاده می‌شود.

ویژگی *-data به ما امکان می‌دهد تا ویژگی‌های داده‌ای سفارشی را بر روی تمام عناصر HTML جایگذاری کنیم.

سپس داده ذخیره شده می‌تواند در جاوااسکریپت صفحه برای ایجاد یک تجربه کاربری جذاب‌ تر استفاده شود .

(بدون نیاز به تماس‌های Ajax یا پرس و جوهای پایگاه داده در سمت سرور).

ویژگی *-data از دو قسمت تشکیل شده است:

نام ویژگی نباید شامل هیچ حرف بزرگی باشد، و باید حداقل یک کاراکتر پس از پیشوند *-data باشد.

مقدار ویژگی می‌تواند هر رشته‌ای باشد.

 

نکات

 

نکته: ویژگی‌های سفارشی با پیشوند *-data کاملاً توسط مرورگر کاربر نادیده گرفته می‌شوند.

 

سازگاری با مرورگر

# کروم ادج فایرفاکس سافاری اپرا
data-*

شیوه نگارش