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), а також у вашому поточному загальнодоступному домені і ваших майбутніх загальнодоступних доменах.
