انتقل إلى محتوى الدرس

Subdirectory and Parent Relative Paths المسارات للمجلدات الفرعية والسابقة

احترف صياغة مسارات الملفات في HTML: المسارات النسبية، الصعود للمجلد الأب، المسار النسبي لجذر الموقع، الروابط المطلقة، قواعد التسمية والحماية من ثغرات مسارات الأدلة.
6 صفوف تعليمية
لغة HTML
12,239 مشاهدة

شرح صفوف ومحتوى الفقرة

الصف 1 شرح توضيحي
تنظم المشاريع الاحترافية ملفاتها في مجلدات متخصصة مثل مجلد الصور والأنماط. للدخول إلى مجلد فرعي داخل المجلد الحالي، تكتب اسم المجلد متبوعاً بشرطة مائلة. بينما للصعود خطوة واحدة إلى المجلد الأب الذي يحوي مجلدك الحالي، تستخدم رمز النقطتين المتبوعتين بشرطة ../.
الصف 2 صورة توضيحية
مخطط شجرة مجلدات المشروع يوضح حل مسارات المجلدات الفرعية والمجلد الأب
الصف 3 شرح توضيحي
نمط الصياغة المعنى الهندسي مثال كود HTML
اسم الملف مباشرة الملف يقع في نفس المجلد مع الصفحة pic.webp
المجلد الفرعي / الدخول إلى مجلد ابن داخل المجلد الحالي images/pic.webp
الصعود خطوة للأب ../ الرجوع لمستوى واحد للأعلى ثم البحث ../images/pic.webp
الصعود خطوتين ../../ الرجوع لمستويين اثنين للأعلى في الشجرة ../../assets/pic.webp
الصف 4 كود برمجي
HTML
<!-- Accessing assets from /pages/blog.html -->
<img src="../images/examples/growth-chart.webp"
     alt="Quarterly growth chart"
     width="540" height="300">
الصف 5 معاينة حية
الصف 6 ملاحظة هامة