بيانات HTML- * السمة
التعريف والاستخدام
تُستخدم
data-*السمة لتخزين البيانات المخصصة الخاصة بالصفحة أو التطبيق.
data-*تمنحنا السمة القدرة على تضمين سمات البيانات المخصصة في جميع عناصر HTML .
يمكن بعد ذلك استخدام البيانات المخزنة (المخصصة) في JavaScript للصفحة لإنشاء تجربة مستخدم أكثر جاذبية (بدون أي مكالمات Ajax أو استعلامات قاعدة بيانات من جانب الخادم).
تتكون
data-*السمة من جزأين:
- يجب ألا يحتوي اسم السمة على أي أحرف كبيرة ، ويجب أن يتكون من حرف واحد على الأقل بعد البادئة "data-"
- يمكن أن تكون قيمة السمة أي سلسلة
ملاحظة: سيتجاهل وكيل المستخدم السمات المخصصة مسبوقة بـ "data-" تمامًا.
ينطبق على
السمة
data-*هي سمة عامة ، ويمكن استخدامها على أي عنصر HTML.
| جزء | يصف |
|---|---|
| جميع عناصر HTML | البيانات-* |
مثال
مثال
استخدم السمة data- * لتضمين البيانات المخصصة:
<ul>
<li data-animal-type="bird">Owl</li>
<li data-animal-type="fish">Salmon</li>
<li data-animal-type="spider">Tarantula</li>
</ul>
دعم المتصفح
تحدد الأرقام الواردة في الجدول إصدار المتصفح الأول الذي يدعم السمة بشكل كامل.
| Attribute | |||||
|---|---|---|---|---|---|
| data-* | 4.0 | 5.5 | 2.0 | 3.1 | 9.6 |