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