الكورس

Advertisements

HTML File Paths | In Arabic


HTML File Paths – فى هذا الفصل هنتعرف على مسارات الملفات فى HTML. وهنتعرف على الأنواع المختلفة لتحديد مسارات الملفات وأنواع مسارات الملفات، مع بعض الأمثلة التوضيحية.


 

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

 

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

يتم استخدام مسار ملف لوصف موقع الملف في مجلد موقع الويب، تشبه مسارات الملفات عنوان ملف لمتصفح الويب.

يمكننا ربط أي مصدر خارجي لإضافته في ملف HTML الخاص بنا بمساعدة مسارات الملفات، مثل الصور والفيديوهات وملف CSS وملف JS ..إلخ.

 


 

الأنواع المختلفة لتحديد مسارات الملفات

 

/* [1] img.png in the same folder */
<img src="img.png">

/* [2] img.png in (images folder) in the same folder */
<img src="images/img.png">

/* [3] img.png in (images folder) in root of the current web */
<img src="/img.png">

/* [4] img.png in the folder one level up from the current folder. */
<img src="../img.png">

توضيح:

  • المسار الأول 1: يحدد أن الصورة img.png موجودة في نفس المجلد الصفحة الحالية.
  • المسار الثانى 2: يحدد أن الصورة img.png موجودة في مجلد “images” في المجلد الحالي.
  • المسار الثالث 3: يحدد أن الصورة img.png موجودة في مجلد “images” في جذر(root) صفحة الويب الحالية.
  • المسار الرابع 4: يحدد أن الصورة img.png موجودة في المجلد الذى يسبق المجلد الحالي.

 


 

إستخدامات مسارات الملفات لربط الملفات الخارجية

 

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

  • صفحات الانترنت.
  • الصور.
  • Stylesheets.
  • JavaScript.

 


 

أنواع مسارات الملفات

 

يوجد نوعان من مسارات الملفات:

  1. Absolute File Paths
  2. Relative File Paths

 

Absolute File Paths

 

يحدد مسار الملف المطلق absolute عنوان URL الكامل. كالتالى:

<img src="https://mlnt65ejujvm.i.optimole.com/-fDOAeE-92Yt78-O/w:auto/h:auto/q:auto/https://www.albashmoparmeg.com/images/img.png" alt="Image example"> 

 

Relative File Paths

 

يحدد مسار الملف النسبي relative لملف مرتبط بموقع الصفحة الحالية. كالتالى:

<img src="/images/img.png" alt="Image example 1">
<img src="../images/img.png" alt="Image example 2"> 
<img src="../../images/img.png" alt="Image example 3"> 

تذكر دائمًا استخدام عنوان URL الصحيح واسم الملف واسم الصورة وإلا فلن يتم عرضه على صفحة الويب.

حاول استخدام مسارات الملفات الـ relative، بحيث تكون التعليمات البرمجية الخاصة بك مستقلة عن URL.



الإبلاغ عن خطأ

×

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

[email protected]

شكرًا لك على مساعدتك لنا!

Advertisements