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