مسارات الملفات بتنسيق HTML | دروس HTML5

 

يمكن استخدام طرق مختلفة لعنونة HTML لتحديد عنوان الملف في المجلدات الموجودة على الموقع. في هذا الدرس، سوف نقدم هذه الأساليب.


  المسار   التفسير
   <img src = "picture.jpg">   الصورة picture.jpg موجودة في نفس المجلد مثل
   الصفحة الحالية.
   <img src = "images / picture.jpg">   توجد الصورة picture.jpg في مجلد الصور
   (حيث يوجد مجلد الصور نفسه في مجلد الصفحة الحالية).
   <img src = "/ images / picture.jpg">   توجد الصورة picture.jpg في مجلد الصور
   (وهو مجلد الصور في جذر الموقع على الإنترنت).
   <img src = "../ picture.jpg">   الصورة picture.jpg موجودة في مجلد أعلى بمستوى
   واحد من المجلد الحالي.

مسارات الملفات بتنسيق HTML

يحدد مسار الملف موقع الملف في بنية المجلد لصفحات الموقع.

تُستخدم مسارات الملفات عندما نحتاج إلى الاتصال بملفات خارجية ، مثل:

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

المسارات المطلقة 

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

<img src="https://www.w3schools.com/images/picture.jpg" alt="Mountain">

المسارات النسبية 

يشير المسار النسبي إلى ملف موجه إلى الصفحة الحالية.

في المثال التالي، يشير العنوان الذي تم تعيينه لـ src إلى ملف موجود في مجلد الصور، والذي هو نفسه موجود في جذر موقعنا على الويب:

<img src="/images/picture.jpg" alt="Mountain">

في المثال المثال، يشير العنوان التالي الذي تم تعيينه لـ src إلى ملف موجود في مجلد الصور، والذي هو نفسه موجود في المجلد الحالي (بمعنى أن المجلد الحالي هو المجلد الذي توجد به الصفحة الحالية):

<img src="images/picture.jpg" alt="Mountain">

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

<img src="../images/picture.jpg" alt="Mountain">

هل تستخدم المسار المطلق أم النسبي؟

استخدم مسارات الملفات النسبية قدر الإمكان.

عند استخدام المسارات النسبية ، لن تعتمد صفحات الويب الخاصة بك على عنوان URL الخاص بك (على سبيل المثال على موقعنا www.arabicness.com) وستتم حمايتها من التغييرات إذا تغير اسم المجال الخاص بك في المستقبل. 



كلمات مفتاحية: