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

Components of a URL مكونات عنوان URL الأساسية

تعرّف في هذا الدرس على بروتوكول نقل النص التشعبي (HTTP) ونشأته، وكيف يتخاطب المتصفح مع الخادم عبر الطلبات والاستجابات والوسطاء، وخصائصه الأساسية وإصداراته المتعاقبة وأهميته في تطوير الويب والأمن السيبراني.
8 صفوف تعليمية
تكنولوجيا الويب
4,339 مشاهدة

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

الصف 1 شرح توضيحي

عنوان الموارد الموحد (URL — Uniform Resource Locator‏) هو الرابط الذي تكتبه في شريط المتصفح للوصول إلى أي صفحة أو صورة أو ملف على الويب. يشبه عنوان URL عنوان التوصيل البريدي الكامل؛ لأنه يخبر المتصفح أين يقع الملف؟ وبأي طريقة نصل إليه؟

يُقرأ الرابط دائماً من اليسار إلى اليمين، ويتكون من ستة أجزاء واضحة (بعضها أساسي وبعضها اختياري) تجتمع معاً في الرابط التطبيقي الموحد الآتي:

الصف 2 شرح توضيحي

تبدأ قراءة الرابط بالمكونات الثلاثة المسؤولة عن تحديد بروتوكول الاتصال والوصول إلى خادم الويب وبوابته البرمجية:

  • المخطط (Scheme) — بروتوكول التواصل: يظهر في مطلع روابط الويب لتحديد البروتوكول المستخدَم، مثل الاتصال القياسي غير المشفر عبر HTTP أو الاتصال المشفر الآمن عبر HTTPS. ويفهم المتصفح كذلك مخططات أخرى خارج الويب كفتح برنامج البريد الإلكتروني مباشرةً. ويُخبر المخطط المتصفح (العميل) بقواعد الاتصال (البروتوكول) اللازمة لجلب المورد، ولا يحدّد نوع ملفه؛ فقد يشير الرابط الآمن نفسه إلى صفحة ويب أو صورة أو ملف نصي.
  • المضيف (Host) — عنوان خادم الويب: يحدّد الخادم الذي يستضيف المورد على الشبكة، وهو مكوّن إلزامي لا يصح أي رابط ويب كامل عبر HTTP أو HTTPS بدونه. ويُكتب غالباً على هيئة اسم نطاق (Domain Name) مقروء للبشر تترجمه خدمة نظام أسماء النطاقات DNS إلى عنوان رقمي، كما يمكن كتابته مباشرةً كعنوان IP صالح أو اسم المضيف المحلي (Localhost) المشير إلى جهاز المطور نفسه. وفي البنية القياسية للرابط، يشكّل اجتماع المضيف مع المنفذ الاختياري ما يُسمّى سلطة العنوان (Authority) المسؤولة عن استضافة موارد ذلك الخادم.
  • المنفذ (Port) — البوابة الرقمية للخدمة: رقم اختياري يلي المضيف مباشرةً ويحدّد البوابة البرمجية التي يستمع عليها برنامج الخادم لاستقبال الاتصالات. ويُحذف غالباً في التصفح اليومي لاعتماد المتصفح تلقائياً على المنفذ الافتراضي القياسي للمخطط، كما سنفصّل في الموضوع التالي.

وتوضّح الأمثلة الآتية صيغة كتابة كلٍّ من المخطط والمضيف والمنفذ وسلطة العنوان عملياً:

الصف 3 شرح توضيحي

وبعد الوصول إلى الخادم وبوابته، تتولّى المكونات الثلاثة التالية تحديد المورد المطلوب وتخصيص معطياته وتعيين الموضع المحلي داخل الصفحة:

  • المسار (Path) — موقع المورد بالخادم: يحدّد موقع المورد المطلوب عبر مقاطع هرمية متدرجة تشبه المجلدات. وعند كتابة اسم الموقع وحده دون مسار، يعدّه البروتوكول مكافئاً للمسار الجذري (Root Path) الذي يمثّل الصفحة الرئيسية (جذر الموقع). وقديماً عكس المسار مجلداً وملفاً فيزيائياً على قرص الخادم، أمّا حديثاً فيمثّل غالباً مساراً منطقياً (Logical Route) يوجّهه برنامج الخادم ديناميكياً دون اشتراط مجلد فعلي بهذا الاسم.
  • الاستعلام (Query) أو سلسلة الاستعلام (Query String) — معطيات تخصيص إضافية: جزء اختياري يلي المسار مباشرةً لإرسال معطيات إضافية للخادم للترشيح أو ترقيم الصفحات أو البحث. ويُكتب في الويب غالباً على هيئة أزواج مفتاح وقيمة مفصولة عند التعدد.
  • الجزء المرجعي (Fragment) — موضع محلي داخل الصفحة: إشارة مرجعية اختيارية تأتي في نهاية الرابط لتشير إلى قسم فرعي أو عنوان محدد يحمل معرّفاً مطابقاً داخل الصفحة نفسها، فيقفز المتصفح بالعرض إليه محلياً دون تحميل صفحة جديدة.

ويوضّح المثال الآتي صيغة كتابة المسار وسلسلة الاستعلام والجزء المرجعي وعلامات الفصل الخاصة بها:

الصف 4 شرح توضيحي

في التصفح اليومي لا يُشترط ظهور الأجزاء الستة معاً؛ فوجود المخطط والمضيف إلزامي في كل عنوان URL كامل للويب، ويُفترض المسار الجذري تلقائياً عند غياب المسار. في المقابل، يظهر كلٌّ من المنفذ والاستعلام (سلسلة الاستعلام) والجزء المرجعي اختيارياً عند الحاجة فقط. وعملياً، يوظّف مطور الويب هذه البنية لتصميم مسارات الموقع ومعطيات الاستعلام بدقة، بينما يحلّل مختص الأمن السيبراني أجزاء الرابط لتمييز المدخلات المرسلة فعلياً للخادم عمّا يبقى محلياً بالمتصفح، كما يلخّص المخطط التشريحي أدناه:

  • Scheme : http:// | https:// | mailto: (delimiter ://)
  • Host : www.closetag.com | 127.0.0.1 | localhost
  • Port : :80 (preceded by colon : right after host)
  • Authority : www.closetag.com:80 (Host + Optional Port)
  • Path : /tutorials/http | / (Root Path when omitted)
  • Query : ?page=1 | ?page=1&sort=latest (key=value pairs)
  • Fragment : #overview (jumps locally to element id=overview)
الصف 5 صورة توضيحية
مخطط تشريحي يوضّح مكونات عنوان URL الستة بالترتيب: المخطط، المضيف، المنفذ، المسار، الاستعلام أو سلسلة الاستعلام، والجزء المرجعي
الصف 6 كود برمجي
الصف 7 معاينة حية

URL Anatomy Breakdown Previewمعاينة أجزاء عنوان URL

تفكيك بصري لأجزاء عنوان الرابط ودور كل جزء في توجيه طلب الشبكة.

الصف 8 ملاحظة هامة