در مقالات قبل به بررسی مسائل بسیاری در زبان نشانه گذاری HTML پرداختیم، حال نوبت به مسیردهی فایل ها در HTML رسیدیم که در ادامه با هم به بررسی آن خواهیم پرداخت.
مسیر فایل، مکان یک فایل را در ساختار پوشه وبسایت مشخص می کند.
مثال هایی از مسیردهی فایل:
در جدول زیر چند مثال مسیردهی برای شما آورده ایم.
| مثال | توضیحات |
|---|---|
| <img src=”picture.jpg”> | فایل مورد نظر در همان پوشه صفحه فعلی قرار دارد |
| <img src=”images/ picture.jpg”> | فایل مورد نظر در پوشه images، در پوشه جاری قرار دارد |
| <img src=”/images/ picture.jpg”> | فایل مورد نظر در پوشه images، در ریشه صفحه وب فعلی قرار دارد |
| <img src=”../ picture.jpg”> | فایل مورد نظر در پوشه ای که یک سطح بالاتر از پوشه فعلی است، قرار دارد |
مسیردهی در زبان نشانه گذاری HTML
قبل تر گفتیم که مسیر فایل، مکان یک فایل را در ساختار پوشه وبسایت مشخص می کند.
از مسیر دهی در زبان نشانه گذاری HTML، زمانی استفاده می شود که بخواهیم به یک فایل دیگر اشاره کنیم، مانند:
- صفحات وب دیگر
- عکس ها
- فایل های CSS
- فایل های JavaScript
مسیردهی فایل ها به شکل مطلق
مسیردهی فایل ها به شکل مطلق به این شکل است که، مسیر کامل فایل مشخص می شود.
مثال: در زیر فایل picture.jpg به شکل مطلق آدرس دهی شده است.
<img src="https://www.w3schools.com/images/picture.jpg" alt="Mountain">
نکته: اگر کار با تگ img را بلد نیستید، می توانید مقاله تصاویر (img) در زبان نشانه گذاری HTML در سایت جاب تیم را بخوانید.
مسیردهی فایل ها به شکل نسبی
مسیردهی فایل ها به شکل نسبی به این شکل است که، مسیر فایل را نسبت به صفحه فعلی مشخص می کند.
مثال: در مثال زیر مسیر فایل که به شکل نسبی آدرس دهی شده است، به فایلی در پوشه images، واقع در ریشه وب فعلی اشاره می کند.
<img src="/images/picture.jpg" alt="Mountain">
مثال: در مثال زیر نیز که به شکل نسبی آدرس دهی شده است، به فایلی در پوشه images، واقع در پوشه فعلی اشاره دارد.
<img src="images/picture.jpg" alt="Mountain">
مثال: در مثال زیر نیز که باز به شکل نسبی آدرس دهی شده است، به فایلی در پوشه images که یک سطح بالاتر از پوشه فعلی است اشاره می کند.
<img src="../images/picture.jpg" alt="Mountain">
بهترین روش آدرس دهی فایل ها
بهترین روش آدرس دهی، آدرس دهی فایل ها به شکل نسبی است.(در صورت امکان)
هنگام استفاده از آدرس دهی نسبی فایل، صفحات وب شما به آدرس اصلی فعلی شما محدود نمی شوند. همه لینک ها چه در کامپیوتر شما (Localhost)، چه در دامنه عمومی شما و چه در دامنه عمومی آینده شما به درستی کار خواهند کرد.
خب به پایان یکی دیگر از مقالات زبان نشانه گذاری HTML رسیدیم و انواع مسیر دهی فایل ها را در HTML بررسی کردیم.
در مقاله بعدی به مبحث مهمی دیگر با عنوان عنصر head در زبان نشانه گذاری HTML می پردازیم.
آموزش Drag And Drop (کشیدن و رها کردن) عناصر در HTML
موقعیت جغرافیایی (لوکیشن یا مکان) در HTML
چگونه از YouTube در HTML استفاده کنیم؟
افزونه ها (plug-ins) در HTML
تگ audio در HTML
تگ video در HTML
Multimedia (چند رسانه ای) در HTML
عنصر SVG در زبان نشانه گذاری HTML
عنصر canvas در زبان نشانه گذاری HTML
ویژگی form عنصر input در زبان نشانه گذاری HTML
