ما هو المسار (Path)؟
المسار يخبر المتصفح أين يجد ملفًا (صورة، صفحة، ملف CSS). يُستخدم في سمات مثل src وhref. هناك نوعان: مطلق ونسبي.
المسار المطلق (Absolute)
عنوان كامل يبدأ بـ http:// أو https:// — يشير إلى مورد على الإنترنت:
<img src="https://thecodefix.net/logo.png" />
<a href="https://google.com">جوجل</a>
استخدمه للموارد الخارجية (مواقع أخرى).
المسار النسبي (Relative)
يشير إلى ملف داخل موقعك، نسبةً إلى موقع الصفحة الحالية:
<img src="images/photo.jpg" /> <!-- مجلد فرعي -->
<img src="/images/photo.jpg" /> <!-- من جذر الموقع -->
<a href="about.html">من نحن</a> <!-- نفس المجلد -->
رموز المسارات
| الرمز | المعنى |
|---|---|
file.html | في نفس المجلد |
folder/file.html | داخل مجلد فرعي |
/file.html | من جذر الموقع |
../file.html | المجلد الأب (للأعلى مستوى) |
<img src="../images/logo.png" /> <!-- اصعد مجلدًا ثم ادخل images -->
أيهما أفضل؟
- داخل موقعك: استخدم المسارات النسبية (
/images/...) — تعمل مهما تغيّر النطاق. - مواقع أخرى: استخدم المسارات المطلقة.
الأخطاء الشائعة
- ❌ خلط
/و../:/يبدأ من الجذر،../يصعد مستوى. تأكّد من نقطة البداية. - ❌ حساسية حالة الأحرف: على الخوادم
Photo.JPGوphoto.jpgمختلفان! وحّد التسمية. - ❌ مسافات في أسماء الملفات: استخدم
-بدل المسافة (my-image.jpg).
خلاصة
المسار المطلق عنوان كامل للموارد الخارجية، والنسبي يشير لملفات موقعك (/ للجذر، ../ للأعلى). داخل موقعك فضّل النسبي، ووحّد حالة الأحرف وتجنّب المسافات.