آموزش انواع مسیرهای فایل در HTML

Ratings
(0)

 

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

 

مسیرهای فایل در HTML

یک مسیر فایل، موقعیت یک فایل را در ساختار پوشه های یک وب سایت توصیف می کند. از مسیرهای فایل وقتی استفاده می شود که بخواهیم به فایل های خارجی مانند زیر لینک دهیم:
1. صفحات وب

2. تصاویر

3. برگه های استایل

4. کدهای جاوا اسکریپت

مسیرهای فایل مطلق(Absolute)

به یک URL کامل به یک فایل اکسترنال، مسیر فایل مطلق گفته می شود:

مثال شماره 1

<img src="https://sina2.ir/tryit/other/img_girl.jpg" alt="img girl">
امتحان کنید

نکته: تگ <img> در این فصل، در مقاله آموزش تصاویر در HTML توضیح داده شده است.

مسیر فایل نسبی در HTML

یک مسیر فایل نسبی، به یک فایل نسبت به صفحه فعلی (که در آن قرار داریم) اشاره می کند. در این مثال، مسیر مورد نظر به یک فایل در پوشه ی images اشاره می کند که در ریشه ی وب فعلی قرار دارد:

مثال شماره 2

<img src="/images/other/hafez.png" alt="hafez">
امتحان کنید

در این مثال، مسیر فایل مورد نظر، به یک فایل در فولدر other که در images قرار دارد اشاره می کند(نسبت به آدرس این صفحه، چون از یک اسلش قبل از آدرس استفاده نشده است):

مثال شماره 3

<img src="/other/hafez.png" alt="hafez">
امتحان کنید

 در این مثال، مسیر مورد نظر، به یک فایل در پوشه images که یک مرحله بالاتر از پوشه ی فعلی قرار دارد اشاره می کند:

مثال شماره 4

<img src="/../images/hafez.png" alt="hafez">
امتحان کنید

 نکته: اسلش اول اشتباهاً اضافه شده است.

 بهترین تمرین!

یک تمرین خوب، این است که از مسیرهای فایل نسبی(در صورت امکان) استفاده کنید. وقتی که از مسیرهای فایل نسبی استفاده می کنیم، صفحات وب ما به آدرس URL پایه محدود نمی شوند. با این روش، تمام لینک ها در رایانه شما(localhost) نیز کار می کنند و در دیگر دامنه ها نیز این لینک ها کار خواهند کرد.

  • بازدید: 386

نوشتن دیدگاه

لطفا نظرات خود را بیان کنید. به سوالات در سریع ترین زمان پاسخ داده خواهد شد.اما به نکات زیر توجه کنید:
1. سعی کنید نظرات شما مرتبط با مقاله ی مورد نظر باشد، در غیر این صورت پاسخ داده نخواهد شد.
2. سوالات خود را به صورت کوتاه بیان کنید و از پرسیدن چند سوال به طور همزمان خودداری کنید.
3. سوال خود را به طور واضح بیان کنید و از کلمات مبهم استفاده نکنید.

ارسال