HTML File Paths
🔹 انواع مسیرهای فایل در HTML
۱. مسیر مطلق (Absolute Path)
-
آدرس کامل فایل را مشخص می‌کند.
-
معمولاً زمانی استفاده می‌شود که فایل روی یک وب‌سایت خارجی قرار دارد.
<img src=“https://example.com/images/logo.png” alt=“لوگو”>
۲. مسیر نسبی (Relative Path)
-
آدرس فایل را نسبت به محل فایل HTML فعلی مشخص می‌کند.
-
بیشتر در پروژه‌های طراحی وب استفاده می‌شود.
مثال‌ها:
| مسیر | توضیح |
|---|---|
images/pic.jpg |
فایل در پوشه‌ای به نام images در همان پوشه فایل HTML قرار دارد. |
../pic.jpg |
یک پوشه بالاتر از مکان فعلی |
./pic.jpg |
همان پوشه‌ای که فایل HTML در آن است |
/images/pic.jpg |
در ریشه (root) سایت قرار دارد |
<!– تصویر در همان پوشه –>
<img src=“pic.jpg” alt=“تصویر”>
<!– تصویر در یک پوشه زیرمجموعه –>
<img src=“images/pic.jpg” alt=“تصویر”>
<!– تصویر در پوشه والد –>
<img src=“../pic.jpg” alt=“تصویر”>
🔹 نکات مهم
-
در HTML همیشه از اسلش
/استفاده کنید، حتی در ویندوز. -
مطمئن شوید فایل‌ها در مسیر مشخص‌شده وجود دارند.
🔹 استفاده‌های رایج از مسیر فایل در HTML
اتصال فایل CSS:
<link rel=“stylesheet” href=“styles/style.css”>
اتصال فایل JavaScript:
<script src=“scripts/app.js”></script>
نمایش تصویر:
<img src=“images/logo.png” alt=“لوگوی شرکت”>
دیدگاهتان را بنویسید