مسارات ملفات HTML

يصف مسار الملف موقع الملف في هيكل مجلد موقع ويب.

تُستخدم مسارات الملفات عند الارتباط بملفات خارجية مثل:

  • صفحات الانترنت
  • الصور
  • ملفات css
  • جافا سكريبت

مسارات الملفات في الروابط

المسار من الرابط للملف هو عنوان URL الكامل لملف موجود علي موقع في الإنترنت:

مثال

<img src="https://arschools.com/img/StarryNight.jpg" alt="StarryNight">

يتم شرح العلامة <img> وسمات src و alt في الدرس المسمي صور HTML


مسارات الملفات بالنسبة للمكان الحالي او المسار النسبي

يشير مسار الملف النسبي إلى ملف متعلق بالصفحة الحالية او المكان الذي توجد فيه الصفحة الحالية اي انه يعبر عن مسار الملف بالنسبه للصفحة الحالية او المكان الحالي

يشير هذا المثال الي ان مجلد img موجود في الجذ الرئيسي او القسم الرئيسي

مثال

<img src="/img/StarryNight.jpg" alt="StarryNight">

جربها بنفسك “

في هذا المثال ، يشير مسار الملف إلى ملف موجود في مجلد الصور الموجود في المجلد الحالي:

اي اننا نقف داخل مجلد A (المشار له باللون البرتقالي) ونحن داخل الملف المشار له بالسهم الاخضر ويكون المجلد img بجوار الملف الخاص بنا حيث يحوي المجلد img صورة باسم StarryNight.jpg

مثال

<img src="img/StarryNight.jpg" alt="StarryNight">

خارج المجلد

في هذا المثال ، يشير مسار الملف إلى ملف في مجلد الصور الموجود في المجلد بمستوى أعلى من المجلد الحالي اي انه قام بالخروج من الملف الحالي بخطوه للخلف

اي اننا نجلب ملف خارج المجلد الحالي بخطوه

مثال

<img src="../StarryNight2.jpg" alt="Mountain">

نصائح ومصطلحات

من الأفضل استخدام مسارات الملفات

عند استخدام مسارات ملفات نسبية ، لن ترتبط صفحات الويب الخاصة بك بعنوان URL الأساسي الحالي الخاص بك. ستعمل جميع الروابط على جهاز الكمبيوتر الخاص بك (المضيف المحلي) وكذلك على المجال العام الحالي (domain) والمجالات العامة المستقبلية الخاصة بك. 

المساروصف المسار
<“img src = “picture.jpg>يوجد picture.jpg في نفس المجلد مثل الصفحة الحالية
<“img src = “img/picture.jpg>يوجد picture.jpg في مجلد img الموجود في المجلد الحالي
<“img src = “/img/picture.jpg>يوجد picture.jpg في مجلد الصور في جذر الويب الحالي
<“img src = “../picture.jpg>يوجد picture.jpg في المجلد بمستوى واحد أعلى من المجلد الحالي