حتى إصدار HTML5 ، تطلب العلامة سمة واحدة: href. ولكن ، HTML5 يجعل حتى تلك السمة اختيارية. عندما تكتب علامة بدون أي سمات ، يطلق عليها رابط العنصر النائب.
يبدو رابط العنصر النائب كالتالي:
استخدام روابط العنصر النائب أثناء التطوير
قام كل مصمم مواقع ويب تقريبًا بإنشاء روابط عناصر مؤقتة في وقت أو آخر أثناء تصميم وإنشاء موقع ويب. قبل HTML5 ، سيكتب مبرمج ما يلي كعنصر نائب:
نص الرابط
تكمن المشكلة في استخدام علامة التصنيف (#) كوصلة نائبة في أن الرابط قابل للنقر ، وهذا يمكن أن يسبب ارتباكًا لعملائك. وإذا نسي مطوّر البرامج تحديثًا له مع عناوين URL الصحيحة ، فستعرض هذه الارتباطات ببساطة الصفحة نفسها التي يتم تشغيل المستخدم عند النقر عليها.
بدلاً من ذلك ، يجب عليك البدء في استخدام علامات دون أي سمات. يمكنك تصميم هذه العناصر لتبدو وكأنها أي رابط آخر على صفحتك ، ولكنها لن تكون قابلة للنقر لأنها مجرد عناصر نائبة.
استخدام روابط العناصر النائبة على المواقع المباشرة
تتمتع روابط العنصر النائب بمكان في تصميم الويب لأكثر من مجرد تطوير. أحد الأماكن التي يمكن أن يبرز رابط العنصر النائب فيها هو عناصر ملاحية. في العديد من الحالات ، تحتوي قوائم الملاحة الخاصة بموقع الويب على بعض الطرق للإشارة إلى الصفحة التي أنت فيها. وغالبا ما تسمى هذه "أنت هنا" المؤشرات.
تعتمد معظم المواقع على سمات المعرف على العنصر الذي يحتاج إلى علامة "أنت هنا" ، لكن البعض يستخدم سمة الصف أيضًا. ومع ذلك ، مهما كانت السمة التي تستخدمها ، فأنت تحتاج إلى القيام بالكثير من العمل الإضافي لكل صفحة تحتوي على التنقل عليها ، مع إضافة السمة وإزالتها من العناصر الصحيحة.
باستخدام رابط العنصر النائب ، يمكنك كتابة التنقل الخاص بك كيفما تشاء ، ثم إزالة السمة href ببساطة من الرابط المناسب عند إضافة التنقل إلى صفحة. من أجل التطوير ، هناك نصيحة سريعة للمساعدة في تخزين قائمة التنقل بأكملها كمقتطف شفرة في محررك ، بحيث يكون مجرد لصق سريع للنسخ. يمكنك ببساطة حذف href. يمكنك أيضًا الحصول على نظام إدارة المحتوى (CMS) للقيام بنفس الأمر.
وصلات العنصر النائب التصميم
تتميز روابط العنصر النائب بسهولة الأسلوب والأسلوب بشكل مختلف عن الروابط الأخرى على صفحة الويب الخاصة بك. ما عليك سوى التأكد من وضع علامة على كل من العلامة وعلامة الرابط:. فمثلا:
{لون: أحمر؛ font-weight: bold؛ زخرفة النص: لا شيء ؛ } a: link {color: blue؛ الخط الوزن: عادي. زخرفة النص: تسطير؛ }
ستجعل هذه CSS روابط العنصر النائب غامقة وحمراء ، بدون تسطير. الروابط العادية ستكون ذات وزن طبيعي ، باللون الأزرق وتحته خط.
تذكر إعادة تعيين أي أنماط لا تريد نقلها من العلامة. على سبيل المثال ، يتم تعيين وزن الخط على جريئة لروابط العنصر النائب ، لذلك سيكون عليك تعيينه على:
الخط الوزن: عادي.
للروابط القياسية. وينطبق الشيء نفسه على زخرفة النص. عن طريق إزالته مع المحدد ، كان قد تمت إزالته لـ: محدد الرابط إذا لم أضعه مرة أخرى.
