انتقل إلى محتوى الدرس
ابدأ رحلتك
فقرة فرعية #7 من درس: تنظيم ملفات الموقع ومساراتها

Relative Paths vs Absolute Paths المسار النسبي مقابل المسار المطلق

تعلّم القواعد الهندسية لتنظيم ملفات ومجلدات الموقع، ودور المجلد الجذري وملف البداية، وحساسية حالة الأحرف بين ويندوز ولينكس، وكتابة المسارات النسبية والمطلقة، والحماية من ثغرات التلاعب بالمسارات.
4 صفوف تعليمية
تكنولوجيا الويب
1 مشاهدة

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

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

تنقسم المسارات المستخدمة لربط ملفات الموقع إلى ثلاثة أنماط عملية بحسب نقطة الانطلاق:

  • 1. المسارات النسبية (): تنطلق من موقع الملف الحالي الذي يُكتب بداخله الكود (ولا تبدأ بشرطة ):
    • في نفس المجلد ( أو ): يبحث عن الملف بجوار الملف الحالي مباشرةً.
    • النزول إلى مجلد فرعي (): يدخل إلى المجلد الفرعي ثم يجلب الملف.
    • الصعود إلى المجلد الأب (): الرمز يصعد خطوة واحدة للأعلى نحو المجلد الأب، وتكراره يصعد خطوتين للأعلى.
  • 2. المسار النسبي للجذر (): يبدأ بشرطة أمامية مفردة ، فيتجاهل مكان الملف الحالي ويبدأ الحساب دائماً من قمة المجلد الجذري للموقع على الخادم.
  • 3. المسار المطلق الكامل (): يبدأ بالبروتوكول والنطاق الكامل مثل ، ويُستخدم عند الربط بمواقع خارجية أو شبكات توزيع محتوى ().

لاحظ في الكود الآتي كيف تستدعي صفحة فرعية داخل ملفات الموقع بأنواع المسارات الثلاثة:

الصف 2 كود برمجي
HTML 
<!-- Inside /pages/about.html -->
<!-- 1. Relative path stepping UP one folder (../) to reach /css/main.css -->
<link rel="stylesheet" href="../css/main.css">
<!-- 2. Root-relative path starting from the website Document Root (/) -->
<img src="/images/logo.svg" alt="CloseTag Logo">
<!-- 3. Full absolute URL pointing to an external resource -->
<a href="https://developer.mozilla.org/">MDN Web Docs</a>
الصف 3 معاينة حية
الصف 4 ملاحظة هامة

جميع فقرات هذا الدرس (تنظيم ملفات الموقع ومساراتها)