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://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">