0

ماهذه الخاصية الجديدة في html

عند تعلمي بوتستراب5 وجدت خصائص جديدة تضاف لبعض العناصر، ولا اعلم هل هذه الخصائص خاصة بالبوتستراب او خاصه بالhtml

مثلا

<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="mainmenu">

هذا زر button تم أضافة له الخاصيتين

data-bs-target
data-bs-toggle

هل هذه الخصائص خاصة فقط بالبوتستراب لانني لم أرى هذه الخصائر إلا في البوتستراب، وهل يمكنني صنع خصائص خاصه بي في عناصر html


0
BILALZEYADA

لاحظ أنه هذه الخصائص تبدأ بكلمة data-

أي يتم استخدام السمة data- * لتخزين البيانات المخصصة الخاصة بالصفحة أو التطبيق. ، أيضا تمنحنا السمة data- * القدرة على تضمين سمات البيانات المخصصة في جميع عناصر HTML.

يمكن بعد ذلك استخدام البيانات المخزنة (المخصصة) في JavaScript للصفحة لإنشاء تجربة مستخدم أكثر جاذبية (بدون أي مكالمات Ajax أو استعلامات قاعدة بيانات من جانب الخادم).

تتكون السمة data- * من جزأين:

  • يجب ألا يحتوي اسم السمة على أي أحرف كبيرة ، ويجب أن يتكون من حرف واحد على الأقل بعد البادئة "data-"
  • يمكن أن تكون قيمة السمة أي سلسلة

وبالتالي تقوم بوتستراب باستخدام الخاصية data-* لتخزين بيانات مخصص للصفحة ليتم استخدامها من خلال JavaScript

0
ali_alkaser2022

اشرح اكثر اخي او ارسلي لينك مقاله تشرح ما ذكرت بالتفصيل، لان هذه اول مره اسمع ان فينا نزن معلومات في html, وشكرا لردك اخي والله يتقبل صيامك