توی جلسات قبلی در آموزش HTML با بی اس دیزاین آکادمی اومدیم توضیحات کوچیکی درباره مسیر فایل دهی به عکس ها گفتیم . حالا میخوایم هم مروری داشته باشیم و هم یکم بیشتر وارد قضیه بشیم !
| مسیر | شرح |
|---|---|
| <img src="picture.jpg"> | فایل "picture.jpg" در همان پوشه صفحه قرار دارد |
| <img src="images/picture.jpg"> | فایل "picture.jpg" در پوشه تصاویر در پوشه فعلی قرار دارد |
| <img src="/images/picture.jpg"> | فایل "picture.jpg" در پوشه تصاویر در ریشه وب فعلی قرار دارد |
| <img src="../picture.jpg"> | فایل "picture.jpg" در پوشه یک سطح بالاتر از پوشه فعلی قرار دارد |
مثال بالا همیشه یادتون باشه ! چون خیلی جاها نه توی دوره آموزش HTML بلکه توی دوره های دیگه هم بکارتون میاد .
خب در جلسات قبلی گفتیم که یه مسیر مطلق داریم که مثال زیر هست :
<img decoding="async" src="https://www.bs-dsign.ir/images/picture.jpg" alt="Mountain">
یه مسیردهی هم هست که وابسته هست و بستگی به اون مسیری که الان داخلش هستیم استفاده میشه :
<img decoding="async" src="/images/picture.jpg" alt="Mountain">
مسیر بالا به آدرسی اشاره داره که میره توی مسیر root یعنی همونجایی که اولین بار با ورود وب سایت بهش بهمون مسیر میده و هیچ فولدری نیست قبلش – و میاد توی اون دایرکتوری root میگرده دنبال فولدری به اسم images و بعدش هم عکسمون رو داخل اون فولدر پیدا میکنه .
<img decoding="async" src="images/picture.jpg" alt="Mountain">
حالا مثال بالا فرقش با مثال قبلی توی همون / اول مقدار src هست . اگر این / رو نذارین اول مسیردهی میاد توی همون مسیر فولدری که الان هستین شروع میکنه و میگرده دنبال فولدری به اسم images ولی اگه علامت / رو بذارین میره توی مسیر اصلی اولیه یا همون root دایرکتوری و دنبال این فولدر اونجا میگرده !
<img decoding="async" src="../images/picture.jpg" alt="Mountain">
این مثال هم میاد میگه از همین فولدری که هستیم توش ! یه لایه برو بالاتر به اصطلاح یا قبل تر ! و بعدش بگرد دنبال فولدری به اسم images و بعدش توش عکس من رو پیدا کن .
