انتقل إلى محتوى الدرس

Absolute and Relative URLs in HTML الروابط المطلقة والنسبية في HTML

سنتعلم في هذا الدرس كيفية التعامل مع الروابط في HTML، وهي عنصر أساسي لتسهيل التنقل في الويب. وسنتعرف على كيفية صياغة الروابط بشكل صحيح، واستخدام سمة href بفعالية. كما سنوضح الفرق بين الروابط الداخلية والخارجية.

1 صفوف تعليمية
لغة HTML
30,833 مشاهدة

شرح صفوف ومحتوى الفقرة

الصف 1 شرح توضيحي
المطلق والنسبي يصفان صيغة URL، بينما الداخلي والخارجي يصفان علاقة الوجهة بالموقع. قد يكون الرابط المطلق داخليًا، فلا يصح مساواة التصنيفين.


  • الروابط النسبية relative URLs: يحلها المتصفح بالاعتماد على عنوان الأساس. قد تشير إلى ملف مجاور أو مجلد آخر، وليست مقصورة على الملفات المجاورة.

    مثال: إذا كنت تنشئ الرابط داخل صفحة اسمها index.html والنص مربوط بصفحة أخرى contact.html بجوار صفحة HTML، فهذا يعتبر رابطًا داخليًا.


  • الروابط المطلقة absolute URLs: تتضمن المخطط مثل https وعنوان الوجهة كاملًا، ويمكن أن تشير إلى الموقع نفسه أو إلى موقع آخر.

    مثال: إذا كان الرابط داخل صفحة اسمها index.html والنص مربوط بصفحة خارجية من موقع مثل google.com، فهذا يُعتبر رابطًا خارجيًا ليس له علاقة بالصفحة الأولى.

مثال contact.html يفترض وجود ملف بهذا الاسم بجوار الصفحة الأساسية؛ إنشاء الرابط لا ينشئ الملف.

HTML Relative Links

مثال توضيحي لاستخدام الروابط النسبية [Relative Links] داخل صفحة HTML.

HTML Absolute Links

مثال توضيحي لاستخدام الروابط المطلقة [absolute URLs] داخل صفحة HTML.