يصف مسار الملف موقع الملف داخل هيكل مجلدات موقع الويب.
أمثلة على مسارات الملفات:
| مسار | وصف |
|---|---|
<img src="picture.jpg"> | يوجد ملف “picture.jpg” في نفس المجلد مثل الصفحة الحالية. |
<img src="images/picture.jpg"> | يوجد ملف “picture.jpg” في مجلد “images” داخل المجلد الحالي. |
<img src="/images/picture.jpg"> | يوجد ملف “picture.jpg” في مجلد “images” في جذر موقع الويب الحالي. |
<img src="../picture.jpg"> | يوجد ملف “picture.jpg” في المجلد الموجود بمستوى أعلى من المجلد الحالي. |
مسارات ملفات HTML
يصف مسار الملف موقع ملف معين داخل هيكل مجلدات موقع الويب.
تُستخدم مسارات الملفات عند الارتباط بملفات خارجية، مثل:
- صفحات الويب
- الصور
- ملفات CSS (أوراق الأنماط)
- ملفات JavaScript
مسارات الملفات المطلقة
مسار الملف المطلق هو عنوان URL الكامل لملف معين.
مثال:
<img src="../assets/images/image.jpg" alt="Mountain">سيؤدي هذا إلى الإشارة إلى الصورة الموجودة في مجلد images في مجلد assets، والذي يوجد في نفس المجلد الذي توجد فيه صفحة الويب.
مسارات الملفات النسبية في HTML
يشير مسار الملف النسبي إلى ملف موجود في موقع الويب، لكنه يحدده بشكل نسبي بالنسبة إلى الصفحة الحالية. بمعنى آخر، لا يبدأ من جذر موقع الويب (المسار المطلق)، بل يبدأ من المجلد الذي توجد فيه الصفحة نفسها.
المثال:
<img src="/images/picture.jpg" alt="Mountain">مثال لمسار ملف نسبي في HTML
للمساعدة في فهم مسارات الملفات النسبية في HTML، دعونا نراجع المثال الذي قدمته:
المثال:
<img src="images/picture.jpg" alt="Mountain">مثال لمسار ملف نسبي في مستوى أعلى في HTML
لاستكمال فهمنا لمفاهيم مسارات الملفات النسبية في HTML، دعونا نتحقق من المثال الذي قدمته:
المثال:
<img src="../images/picture.jpg" alt="Mountain">أفضل الممارسات: استخدم مسارات الملفات النسبية
عند إنشاء صفحات الويب، أفضل الممارسات هي استخدام مسارات الملفات النسبية (إذا كان ذلك ممكنًا). وذلك لأسباب عديدة:
1. مرونة أكبر:
- لا تتقيد صفحاتك بعنوان URL الأساسي الحالي.
- تعمل الروابط على جهازك المحلي (localhost) وكذلك على نطاقك العام الحالي وأي نطاقات عامة مستقبلية.
- يسهل تغيير هيكل مجلدات موقع الويب دون الحاجة إلى تعديل جميع الروابط.
2. تنظيم أفضل:
- توضح مسارات الملفات النسبية العلاقات بين الملفات، حيث تشير إلى موقع الملفات داخل هيكل المجلدات.
- يصبح فهم موقع الويب أسهل بالنسبة للمطورين الذين يعملون عليه.
3. أداء أسرع:
- في بعض الحالات، قد يسرع تحميل الصفحات، خاصةً إذا كانت الملفات المرتبطة بها موجودة في نفس المجلد.
4. قابلية للنقل:
- يمكن نقل موقع الويب إلى نطاقات جديدة أو تغيير هيكل المجلدات دون الحاجة إلى تعديل روابط الملفات بشكل كبير.
