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

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

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. سلام به این دلیل که از پلتفرم این وب سایت برای میزبانی تعدا زیادی وبلاگ استفاده میشه و محتوای بعضی از این وب لاگ ها مشکل دارند عمو فیلتر چی خودشو راحت کرده و کل دامنه رو فیلتر کرده.

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

این سایت از اکیسمت برای کاهش هرزنامه استفاده می کند. بیاموزید که چگونه اطلاعات دیدگاه های شما پردازش می‌شوند.

Top