آموزش HTML – فصل هجدهم: مسیر فایل ها در HTML

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

آموزش HTML – فصل هجدهم: مسیر فایل ها در HTML

مسیر فایل یا همان File Path در زبان HTML

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

به مثال های زیر توجه کنید، مسیر تصویر در زیر هر مثال توضیح داده شده است:


Picture.jpg در همین پوشه ی صفحه حاضر قرار دارد.


Picture.jpg در پوشه image از پوشه حاضر قرار دارد.


Picture.jpg در شاخه اصلی از صفحه حاضر قرار دارد.


Picture.jpg در یک سطح بالاتر از پوشه حاضر قرار دارد.

مسیر فایل ها در زمان لینک کردن یک فایل خارجی استفاده میشود. لینک کردن یک فایل مثل موارد زیر:

  • صفحات وب
  • تصاویر
  • برگه های استایل style sheets
  • سند های جاوا اسکریپت

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

یک مسیر فایل مطلق url کامل یک فایل در اینترنت است.

مثال:


تگ <Img> و خاصیت های src و alt در فصل راجع به تصاویر اچ تی ام ال توضیح داده شده اند.

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

یک مسیر فایل Relative به یک فایل مرتبط در صفحه حاضر اشاره می کند.

در این مثال مسیر فایل اشاره می کند به یک فایل قرار گرفته در شاخه همین صفحه وب:


در این مثال مسیر فایل اشاره می کند به یک فایل قرار گرفته در پوشه image در پوشه حاضر:


در این مثال مسیر فایل اشاره دارد به پوشه image قرار گرفته در یک پوشه بالا تر از پوشه حاضر:


بهترین نحوه استفاده از مسیر فایل ها چیست؟

بهترین تمرین این است که در صورت امکان از مسیر های فایل مرتبط (Relative File Paths) استفاده کنید. در استفاده از مسیر های فایل مرتبط صفحات وب شما دربند url اصلی شما قرار نمیگیرند و تمام لینک ها روی کامپیوتر خودتا کار میکنند همانطور که در آینده بر روی دامنه عمومی اینترنتی شما کار خواهند کرد.


ویدیوها و مطالب مشابه