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), а также в вашем текущем общедоступном домене и ваших будущих общедоступных доменах.
