آشنایی با مسیر های فایل در HTML

برای مشخص کردن آدرس یک فایل در پوشه های موجود در سایت میتوان از روش های مختلف آدرس دهی در HTML استفاده کرد. در این فصل به معرفی این روش ها می پردازیم.


   مسیر    توضیح
   <img src="picture.jpg">    تصویر picture.jpg در همان فولدری قرار دارد که صفحه ی جاری قرار دارد.
   <img src="images/picture.jpg">    تصویر picture.jpg در فولدر images (که خود فولدر images در فولدر صفحه ی جاری قرار دارد) قرار گرفته است.
   <img src="/images/picture.jpg">    تصویر picture.jpg در فولدر images (که خود فولدر images در ریشه وب سایت ما قرار دارد) قرار گرفته است.
   <img src="../picture.jpg">    تصویر picture.jpg در فولدری یک سطح بالاتر از فولدر جاری قرارگرفته است.

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

مسیر فایل، مکان یک فایل را در ساختار پوشه ای صفحات سایت مشخص میکند.

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

  • صفحات وب
  • تصاویر
  • صفحات استایل
  • جاوا اسکریپت

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

یک مسیر absolute یک آدرس کامل برای یک فایل اینترنتی است :

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

نکته : تگ <img> و صفات src و alt مربوط آن قبلا در فصل آشنایی با تصاویر توضیح داده شدند.


مسیر های Relative (نسبی) 

یک مسیر relative اشاره به فایلی دارد که نسبت به صفحه ی جاری آدرس دهی میشود.

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

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

در نمونه مثال زیر آدرس تنظیم شده برای src اشاره به فایلی دارد که در فولدر images قرار دارد که خود این فولدر در فولدر جاری (منظور از فولدر جاری فولدریست که صفحه ی جاری در آن قرار گرفته است) واقع شده است :

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

در نمونه مثال زیر آدرس تنظیم شده برای برای src اشاره به فایلی دارد که در فولدر images قرار دارد و خود این فولدر یک سطح بالاتر از فولدر جاری است :

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

استفاده از مسیر Absolute یا Relative ؟

تا آنجایی که ممکن است از مسیر های فایل  relative استفاده کنید.

وقتی شما از مسیر های relative استفاده میکنید ، صفحات وب سایت شما به آدرس اینترنتی شما (برای مثال در سایت ما www.learnsource.net) وابستگی نخواهند داشت و در صورتی که در آینده تغییری در نام دامنه ی شما ایجاد شود از تغییرات در امان خواهید بود.

منتشر شده در ۱۳ خرداد ۱۳۹۶ حمید رضا ملکی ۱۹۰۷ بازدید
دیدگاه ها
pooya nami چهار شنبه ۱۴ شهریور ۱۳۹۷

سلام من نفهمیدم ریشه ی اصلی این سایت یعنی چی لطفا بیشتر توضیح بدین

حمید رضا ملکی چهار شنبه ۱۴ شهریور ۱۳۹۷

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

root

تصویر بالا فایل ها و پوشه های یک وبسایت واقعی را نشان میدهد. نام سایت ما nilgostar است. دقت کنید برای مثال فایلی به نام Global.asax در ریشه وب سایت قرار دارد. در حالی که پوشه ی  Admin در یک سطح پایین تر قرار دارد.

حمید دوشنبه ۲۵ تیر ۱۳۹۷

سلام آقای مهندس ملکی من مفهوم Absolute و Relative رو بخوبی درک نکردم نمیدونم این موضوع چرا برام سخته کلا مثلا حتی میخواهم یک منوبار که خوده شما در سایت استفاده کردین درست کنم هم این موضوع اونجا هم مطرح چون این دو مفهوم متوجه نشدم نمیتونم ازشون استفاده کنم اصلا.

حمید رضا ملکی دوشنبه ۲۵ تیر ۱۳۹۷

سلام. وقتی شما آدرسی را به صورت Absolute به کار میبرید یعنی با کل آدرس سر و کار دارید. همه فایل های شما آدرسی در ریشه ی سایت شما دارند یعنی با آدرس دامنه ی سایت شروع میشوند برای مثال :

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

در مثال بالا از آدرس مطلق (Absolute) استفاده شده است یعنی به مفسر مرورگر گفتیم برو دقیقا در سایت w3schools در پوشه ای به نام image تصویر picture.jpg را بردار.

حالا از این قبیل آدرس دهی در یک وبسایت زیاد وجود دارد و کار اضافی هست که هر بار نام دامنه هم ذکر شود. در این موارد میشه از آدرس نسبی (Relative) استفاده کرد. این نوع آدرس دهی هم کوتاه تر است و هم مزایای دیگری دارد :

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

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

برای ارسال دیدگاه لازم است ابتدا وارد سایت شوید