معرف هو واحد من سمات هتمل الرئيسية التي يتم استخدامها لتحديد فريد عنصر على صفحة ويب. يجب أن يكون لكل عنصر يتم تطبيق سمة المعرف عليه قيمة فريدة بحيث لا توجد تعارضات ويجعل من السهل الوصول إلى العنصر باستخدام كس أو جافا سكريبت.
يستخدم المعرف عادة لتصميم وتنسيق عنصر معين في صفحة الويب. على سبيل المثال ، يمكنك استخدام معرف لتحديد نمط فريد لعنصر عنوان أو خلفية أو حجم خط. بالإضافة إلى ذلك ، يمكن استخدام المعرف للوصول إلى عنصر باستخدام جافا سكريبت لتغيير محتواه أو سلوكه. وبالتالي ، فإن سمة المعرف هي أداة قوية لإدارة عناصر صفحة الويب ومعالجتها.
مثال: لنفترض أن لديك عدة عناصر فقرة على صفحة ويب وتريد تطبيق أنماط مختلفة على كل فقرة. بدلا من إنشاء فئات منفصلة لكل فقرة ، يمكنك استخدام سمة المعرف. على سبيل المثال:
هذه هي الفقرة الأولى.
هذه هي الفقرة الثانية.
هنا ، تحتوي كل فقرة على معرف فريد-" الفقرة الأولى "و"الفقرة الثانية". باستخدام كس أو جافا سكريبت ، يمكنك الوصول بسهولة إلى هذه العناصر عن طريق معرفهم وتطبيق أنماط محددة أو التحكم في سلوكهم.
في الختام ، تعد سمة المعرف أداة قوية للعمل مع عناصر صفحة الويب. فإنه يجعل من السهل تحديد ومعالجة عنصر معين باستخدام كس أو جافا سكريبت ، مما يجعل صفحة الويب الخاصة بك أكثر مرونة وظيفية.
- ما هو معرف (معرف فريد)?
- معرف فريد على صفحة ويب
- دور المعرف الفريد
- بناء الجملة وتطبيق معرف
- معرف التطبيق
- كيفية تعيين معرف لعنصر
- مزايا استخدام معرف
- أمثلة على استخدام المعرف
ما هو معرف (معرف فريد)
المعرف (المعرف) هو سمة لعنصر هتمل يوفر معرفا فريدا للعنصر. يتم استخدامه لتحديد عنصر معين على صفحة ويب بحيث يمكن التعرف عليها بسهولة والوصول إليها باستخدام كس أو جافا سكريبت.
يجب أن يكون المعرف فريدا عبر صفحة الويب بأكملها ، مما يعني أنه يجب ألا تكون هناك عناصر أخرى بنفس المعرف. عادة ، يتم تعيين المعرف يدويا وتعيينه بواسطة المبرمج ، ولكن في بعض الحالات ، مثل استخدام أطر جافا سكريبت ، يمكن إنشاء المعرف تلقائيا.
باستخدام معرف يجعل من السهل على نمط العناصر الفردية باستخدام كس أو الوصول إليها باستخدام جافا سكريبت لتنفيذ إجراءات إضافية. على سبيل المثال ، يمكنك استخدام المعرف لتحديد أنماط لعنصر معين أو تعديل محتواه باستخدام وظائف جافا سكريبت.
مثال على استخدام معرف:
أتش تي أم أل:
هذه فقرة ذات معرف فريد
المغلق:
# بلدي الفقرة {اللون: أحمر;
}
جافا سكريبت: