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

مسارات ملفات HTML
يصف مسار الملف موقع الملف مثل (صورة, فيديو, ملف قراءة ....الخ) في هيكل مجلد موقع ويب.
أمثلة مسار الملفات

Path	Description
<img src="picture.jpg">	The "picture.jpg" يوجد الملف في نفس المجلد مع الصفحة الحالية
<img src="images/picture.jpg">	The "picture.jpg"يوجد ملف "picture.jpg" في مجلد الصور داخل المجلد الحالي
<img src="/images/picture.jpg">	The "picture.jpg" يوجد الملف في مجلد الصور في جذر الويب الحالي
<img src="../picture.jpg">	The "picture.jpg" يوجد ملف "picture.jpg" في المجلد بمستوى واحد أعلى من المجلد الحالي

مسارات الملفات HTML File Paths
يصف مسار الملف موقع ومكان تواجد الملف في هيكل مجلد موقع ويب.
تُستخدم مسارات الملفات عند الارتباط بملفات خارجية ، مثل:

صفحات الانترنت Web pages
الصور Images
أوراق الأنماط Style sheets
جافا سكريبت JavaScripts

مسارات الملفات المطلقة Absolute File Paths
المسار المطلق للملف هو عنوان URL الكامل لملف:
مثال

<!DOCTYPE html>
<html>
<body>

<h2>Using a Full URL File Path</h2>
<img src="https://www.w3schools.com/images/picture.jpg" alt="Mountain" style="width:300px">

</body>
</html>

تم شرح علامة <img> في الفصل: صور HTML.

مسارات الملفات النسبية Relative File Paths
يشير مسار الملف النسبي إلى ملف متعلق بالصفحة الحالية.
في المثال التالي ، يشير مسار الملف إلى ملف في مجلد الصور الموجود في جذر الويب الحالي:
مثال

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

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

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

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

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

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

الدرس السابق الدرس التالي