مسیر مطلق در برابر مسیر نسبی
هر زمان که به فایلی مثل تصویر، فایل CSS یا یک صفحهی دیگر اشاره میکنید (با src یا href)، باید مسیر دسترسی به آن فایل را مشخص کنید. این مسیر میتواند مطلق یا نسبی باشد.
مسیر مطلق
مسیر مطلق، آدرس کامل فایل را از جمله دامنهی سایت مشخص میکند. این نوع مسیر معمولاً برای اشاره به فایلهای روی یک سرور یا سایت دیگر بهکار میرود.
absolute-path.html
<img src="https://example.com/images/logo.png" alt="لوگو">
مسیر نسبی
مسیر نسبی، مکان فایل را نسبت به فایل فعلی مشخص میکند و برای فایلهای داخلی همان پروژه بسیار رایجتر است؛ چون اگر کل پوشهی سایت جابهجا شود، لینکها همچنان کار میکنند.
relative-path.html
<!-- فایل در همان پوشه --> <img src="logo.png"> <!-- فایل در پوشهی فرزند images --> <img src="images/logo.png"> <!-- یک پوشه به عقب برگرد، سپس وارد images شو --> <img src="../images/logo.png">
جدول خلاصهی نشانهها
| نشانه | معنی |
|---|---|
/ |
شروع از ریشهی سایت |
./ |
پوشهی فعلی (معمولاً اختیاری) |
../ |
یک سطح بازگشت به پوشهی والد |
نکته: استفاده از مسیر نسبی برای فایلهای داخلی پروژه توصیه میشود؛ این کار جابهجایی کل پروژه بین دامنهها یا سرورهای مختلف را بدون شکستن لینکها ممکن میکند.