معرفات فريدة داخل صفحات الويب
وفقًا لـ W3C ، تكون سمة المعرف في HTML هي:
معرف فريد للعنصر
هذا وصف بسيط جدًا لسمة قوية جدًا. يمكن لسمة المعرف تنفيذ العديد من الإجراءات لصفحات الويب:
- محدد ورقة الأنماط - هذه هي الوظيفة التي يستخدمها معظم الأشخاص لسمة المعرف الخاصة بها. نظرًا لأنها فريدة من نوعها ، يمكنك التأكد من أنك ستصمم عنصرًا واحدًا فقط على صفحة الويب الخاصة بك عندما تقوم بأسلوب باستخدام خاصية المعرف. يتمثل الجانب السلبي لاستخدام معرف لأغراض التصميم في أن لديه مستوى عاليًا جدًا من الخصوصية ، مما قد يجعله صعبًا جدًا إذا كنت بحاجة إلى تجاوز نمط لسبب ما لاحقًا في ورقة أنماط. ولهذا السبب ، فإن ممارسات الويب الحالية تميل نحو استخدام الفئات ومحددات الفصول بدلاً من المعرفات ومعرفات الهوية لأغراض التصميم العام.
- تسمح لك المراسلين المرتبطين بالربط - باستعراضات الويب باستهداف مواقع دقيقة في مستندات الويب الخاصة بك من خلال الإشارة إلى المعرف في نهاية عنوان URL. يمكنك ببساطة إضافة الرقم إلى نهاية عنوان URL للصفحة ، مسبوقًا بعلامة الجنيه (#). يمكنك أيضًا ربط هذه الروابط مع الصفحة نفسها عن طريق إضافة علامة الباوند (#) واسم المعرف في السمة href للعنصر. على سبيل المثال ، إذا كان لديك قسم به معرف جهة اتصال ، فيمكنك الربط به في هذه الصفحة باستخدام هذا:
هذا هو نص الرابط - مرجع للنصوص البرمجية - إذا قمت بكتابة أي من وظائف Javascript ، فستحتاج إلى استخدام سمة المعرف بحيث يمكنك إجراء تغييرات على العنصر المحدد في الصفحة باستخدام البرامج النصية الخاصة بك.
- معالجة أخرى - يتيح لك المعرف معالجة مستندات الويب الخاصة بك بأي طريقة تحتاج إليها. على سبيل المثال ، يمكنك استخراج HTML في قاعدة بيانات ، وتقوم السمة ID بتعريف الحقول.
قواعد استخدام سمة المعرف
هناك بعض القواعد التي يجب عليك اتباعها للحصول على مستند صالح يستخدم سمة المعرف في أي مكان في المستند:
- يجب أن يبدأ المعرّف بحرف (az أو AZ)
- يمكن أن تكون جميع الأحرف التالية أحرفًا وأرقامًا (0-9) وواصلات (-) وشرطات سفلية (_) ونقطتين (:) ونقط (.).
- يجب أن يكون كل معرف فريدًا داخل المستند. لماذا ا؟
باستخدام سمة المعرف
بمجرد تحديدك لعنصر فريد في موقع الويب الخاص بك ، يمكنك استخدام أوراق الأنماط لنمط فقط هذا العنصر.
اتصل بنا
هناك بعض محتوى النص هنا
div # contact-section {background: # 0cf؛}
-أو فقط-
# قسم جهة الاتصال {background: # 0cf؛}
أي من هذين المختارين سوف تعمل. القسم الأول (div # contact-section) سيستهدف قسمًا به خاصية "ID". القسم الثاني (# قسم اتصال) سيستمر في استهداف العنصر بمعرّف "قسم الاتصال" ، لن يعرف أن ما يبحث عنه هو تقسيم. ستكون النتيجة النهائية للتصميم متطابقة تمامًا.
يمكنك أيضًا الربط بهذا العنصر المحدد دون إضافة أي علامات:
رابط لمعلومات الاتصال
الإشارة إلى أن الفقرة في النصوص البرمجية الخاصة بك مع طريقة جافا سكريبت "getElementById":
document.getElementById ( "الاتصال وقسم")
لا تزال سمات المعرفات مفيدة جدًا في HTML ، على الرغم من أن محددات الصف قد استبدلتهم لأغراض معظم الأغراض العامة. إن القدرة على استخدام خاصية المعرف كوصلة للأنماط ، بينما تستخدمها أيضًا كمثبتات للارتباطات أو الأهداف للنصوص ، تعني أنه لا يزال لديها مكان مهم في تصميم الويب اليوم.
حرره جيريمي جيرار