1401/09/10

نوتیف

دنیایی رو به دانش و آگاهی

یادآوری سریع درباره مسیردهی نسبی فایل در طراحی وب

1 min read
Relative Files Path

Relative Files Path

اگر شما هم عضوی از مجموعه دوست داشتنی طراحان وب باشید حتماً به مشکل عدم بارگذاری منابع مختلف مثل عکس در یک صفحه به دلیل عدم صحت مسیرهای فایل ها برخورده اید. در چنین مواقعی اولین چیزی که باید انجام داد یک نگاه دقیق و موشکافانه به مسیر فایلی است که به درستی نمایش داده نمی شود (بارگزاری نمی شود).

در طراحی وب دو نوع مسیردهی (آدرس دهی) قابل استفاده است که عبارتند از: مسیردهی مطلق (Absolute File Paths) و مسیردهی نسبی (Relative File Paths)

مسیردهی مطلق (Absolute File Paths)

در مسیردهی مطلق مسیر دقیق فایل در قالب یک آدرس URL بدون هیچ کم و کاستی مشخص می شود.

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

مسیردهی نسبی (Relative File Paths)

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

اگر مسیر فایل مورد نظر به صورت نسبی (پویا) (Relative) نوشته شده است یعنی با عبارت “http://” شروع نمی شود باید کمی بیشتر از دقیق، مسیر فایل بررسی شود. اینکه مسیر نسبی در هنگام بارگذاری دقیقاً آدرس چه مکانی را بر می گرداند و فایل منبع واقعاً در چه مکانی قرار گرفته باید بررسی و با هم مقایسه شوند:

  • آیا فایل منبع دقیقاً در همان پوشه ای است که مسیر به آن ارجاع داده می شود؟
  • آیا فایل منبع در یک پوشه پایین تر (داخلی تر) قرار دارد؟
  • آیا فایل منبع در یک پوشه بالاتر (بیرونی تر) قرار دارد؟

لفظ پایین یعنی زیر پوشه ها (subdirectories) و لفظ بالا یعنی پوشه های والد (Parent Directories).

مسیرهای فایل نسبی به ما امکان ارجاع (حرکت) در هر دو سمت (بالا و پایین) را می دهند. به تصویر زیر دقت کنید:

Relative Files Path
Relative Files Path Relative Files Path

تمامی اصول کار با مسیرهای فایل نسبی که به آن نیاز دارید در زیر بیان شده است:

  • اگر مسیر با عبارت “/” آغاز شود، مسیر به پوشه ریشه (root directory) ارجاع شده و از آنجا شروع می شود.
  • اگر مسیر با عبارت “../” آغاز شود، مسیر به یک پوشه عقب تر (backward) ارجاع شده و از آنجا شروع می شود.
  • اگر مسیر با عبارت “../../” آغاز شود، مسیر به دو پوشه عقب تر (backward) ارجاع شده و از آنجا شروع می شود و به همین ترتیب این روند میتواند ادامه داشته باشد.
  • برای حرکت رو به جلو، کافی است از اولین زیر پوشه (subdirectory) شروع کنید و بقیه مسیر را بنویسید.

یک مثال دیگر برای فهم بهتر موضوع. لطفاً به جدول زیر دقت کنید

مسیر – Pathتوضیحات
<img src=”picture.jpg”>فایل picture.jpg در همان پوشه صفحه جاری قرار دارد.
<img src=”images/picture.jpg”>فایل picture.jpg در پوشه images موجود در پوشه جاری قرار دارد.
<img src=”/images/picture.jpg”>فایل picture.jpg در پوشه images موجود در ریشه وب سایت جاری قرار دارد.
<img src=”../picture.jpg”>فایل picture.jpg در یک پوشه بالاتر (قبل تر) از پوشه جاری قرار دارد.

منبع

3 thoughts on “یادآوری سریع درباره مسیردهی نسبی فایل در طراحی وب

    1. سلام به این دلیل که از پلتفرم این وب سایت برای میزبانی تعدا زیادی وبلاگ استفاده میشه و محتوای بعضی از این وب لاگ ها مشکل دارند عمو فیلتر چی خودشو راحت کرده و کل دامنه رو فیلتر کرده.

دیدگاهتان را بنویسید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *