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
Ahmed_Sayed2 أضف ردا

مرحبًا ، ببساطة شديدة سمة الـ data هي مثل لتخزين معلومات معينة لهذا العنصر في html ، كمثال بسيط ، عندي العديد من العناصر لديها نفس الـ id من هذا النوع

<input type='text' id='user_id' />
<input type='text' id='user_id' />

، وأريد القيام بالتعديل على مستخدم أو يوزر معين منهم ، سأحتاج لتمييز كل منهم بالأيدي الخاص باليوزر بالشكل التالي

<input type='text' id='user_id' data-id='1' />
<input type='text' id='user_id' data-id='2' />

طبعًا يمكنك إنشاء سمة بأي إسم بعد ال data- وهي ليست خاصة بالبوتستراب.

طبعًا هناك ضوابط ، تحديدًا ضابطين لإنشاءها وهي:-

  1. أن لا تتكون من أحرف كبيرة ، مثلًا لا يمكنك إنشاء data-USERNAME.
  2. يمكن أن تكون أي نص.

سأقوم بإرفاق العديد من التوثيقات لشرحها بشكل أكثر تفصيلًا كما طلبت.