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