مسیر فایلها در اچ تی ام ال

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

مسیر فایل می تواند مطلق (Absolute) یا نسبی (Relative) باشد.

مسیر مطلق (absolute)

منظور از مسیر مطلق، یک یو آر ال (url) کامل است که به آدرس کامل یک فایل در محیط وب اشاره می کند. مثال زیر را ببینید:

<img src="http://www.samplesite.com/images/pic.jpg" alt="متن جایگزین">

مسیر نسبی (relative)

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

<img src="/images/picture.jpg" alt="متن جایگزین">

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

<img src="images/picture.jpg" alt="متن جایگزین">

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

<img src="../images/picture.jpg" alt="متن جایگزین">

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