مسیر فایل HTML

مسیر توضیح
<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

مسیرهای پرونده مکان یک فایل در ساختار پوشه‌های وب‌سایت را توضیح می‌دهند.

مسیرهای پرونده در پیوند با پرونده‌های خارجی استفاده می‌شوند:

  • وب‌سایت
  • تصاویر
  • استایل‌ها
  • جاوااسکریپت

مسیرهای پرونده محدود

مسیرهای پرونده محدود به URL کامل یک پرونده اینترنت هستند:

مثال

<img src="https://www.codew3c.com/images/picture.jpg" alt="گل">

برچسب <img> و ویژگی‌های src و alt در فصل HTML تصاویر توضیح داده شده‌اند.

مسیرهای نسبی

مسیرهای نسبی به فایل‌های مربوط به صفحه فعلی اشاره دارند.

در این مثال، مسیر فایل به یک فایل در پوشه images در ریشه وب‌سایت اشاره دارد:

مثال

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

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

مثال

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

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

مثال

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

عادت خوب

استفاده از مسیرهای نسبی یک عادت خوب است (اگر ممکن باشد).

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