مسیر فایل در HTML

مسیر فایل (File Paths) در HTML

 مسیر فایل، موقعیت یک فایل را در ساختار پوشه‌های یک وب‌سایت توصیف می‌کند.

مثال‌هایی از مسیر فایل

مسیر فایل در HTML

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

• صفحات وب

• تصاویر

• فایل‌های استایل (Style sheets)

• فایل‌های جاوا اسکریپت (JavaScripts)

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

یک مسیر فایل مطلق، آدرس کامل (URL) یک فایل است:

مثال

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

تگ <img> در فصل «تصاویر HTML» توضیح داده شده است.

مسیرهای فایل نسبی (Relative File Paths)

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

مثال

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

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

مثال

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

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

مثال

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

بهترین روش (Best Practice)

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