HTML Шляхи до файлів
Шлях до файлу визначає розташування файлу в структурі тек вебсайту.
Приклади шляхів до файлу
| Шлях | Опис |
|---|---|
| <img src="picture.jpg"> | Файл "picture.jpg" знаходиться в тій самій теці, що і поточна сторінка |
| <img src="images/picture.jpg"> | Файл "picture.jpg" знаходиться в папці зображень в поточній папці |
| <img src="/images/picture.jpg"> | Файл "picture.jpg" знаходиться в папці зображень в корені поточного веб-сайту |
| <img src="../picture.jpg"> | Файл "picture.jpg" знаходиться в теці на один рівень вище поточної теки |
HTML Шляхи до файла
Шлях до файлу визначає розташування файлу в структурі тек вебсайту.
Шляхи до файлів використовуються при посиланнях на зовнішні файли, наприклад:
- Вебсторінки
- Зображення
- Таблиці стилів
- JavaScripts
Абсолютний шлях до файлу
Абсолютний шлях до файлу - це повна URL-адреса файлу:
Тег <img> пояснюється в розділі: HTML Зображення.
Відносний шлях до файлу
Відносний шлях до файлу вказує на файл відносно поточної сторінки.
В наступному прикладі шлях до файлу вказує на файл в теці зображень, що розташована в корені поточного вебсайту:
В наступному прикладі шлях до файлу вказує на файл в теці зображень, що знаходиться в поточній теці:
В наступному прикладі шлях до файлу вказує на файл в теці зображень, що розташований в теці на один рівень вище поточної теки:
Найкраща практика
Краще за все використовувати відносні шляхи до файлів (якщо можливо).
При використанні відносних шляхів до файлів вебсторінки не будуть прив’язані до поточного базового URL. Всі посилання будуть працювати на вашому власному комп’ютері (localhost), а також у вашому поточному загальнодоступному домені і ваших майбутніх загальнодоступних доменах.
