Путь к файлу описывает расположение файла в структуре папок веб сайта.
Примеры пути к файлам
| Путь | Описание |
|---|---|
| <img src="picture.jpg"> | picture.jpg находится в той же папке, что и текущая страница |
| <img src="images/picture.jpg"> | picture.jpg находится в папке images в текущей папке |
| <img src="/images/picture.jpg"> | picture.jpg находится в папке images в корне текущего веб-сайта |
| <img src="../picture.jpg"> | picture.jpg находится в папке на один уровень выше текущей папки |
Пути к HTML файлам
Путь к файлу описывает расположение файла в структуре папок вебсайта.
Пути к файлам используются при связывании с внешними файлами, например:
- Веб-страницы
- Изображения
- Таблицы стилей
- JavaScripts
Абсолютные пути к файлам
Абсолютный путь к файлу - это полный URL адрес файла:
<img src="http://schoolsw3.com/images/picture.jpg" alt="Горы">
Теги <img> и атрибуты src и alt описаны в главе HTML Изображения.
Относительные пути к файлам
Относительный путь к файлу указывает на файл относительно текущей страницы.
В этом примере путь к файлу указывает на файл в папке images, расположенной в корне текущего веб-сайт:
<img src="/images/picture.jpg"
alt="Горы">
В этом примере путь к файлу указывает на файл в папке images находятся в текущей папке:
<img src="images/picture.jpg"
alt="Горы">
В этом примере путь к файлу указывает на файл в папке images находятся в папке на один уровень выше текущей папки:
<img src="../images/picture.jpg"
alt="Горы">
Практика HTML лучше всего
Рекомендуется использовать относительные пути к файлам (если возможно).
При использовании относительных путей к файлам, веб-страницы не будут привязаны к вашему текущему базовому URL-адрес. Все ссылки будут работать на вашем собственном компьютере (localhost), а также на вашем текущем общественном домене и вашем будущем публичном домене.