HTML Файловые пути
Файловые пути или пути к файлам описывают расположение файла в структуре папок веб-сайта.
Примеры файловых путей
| Путь | Описание |
|---|---|
<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
Файловые пути описывают расположение файла в структуре папок веб-сайта.
Файловые пути используются при связывании с внешними файлами, такими как:
- веб-страницы
- изображения
- таблицы стилей
- JavaScript файлы
Абсолютные пути к файлам
Абсолютный путь к файлу — это полный URL к файлу.
Пример
<img src="https://www.w3schools.com/images/picture.jpg" alt="Mountain">О теге <img> рассказывается в разделе о HTML изображениях.
Относительные пути к файлам
Относительный путь к файлу указывает на файл относительно текущей страницы.
В следующем примере путь к файлу указывает на файл в папке images, расположенной в корне текущего веб-сайта.
Пример
<img src="/images/picture.jpg" alt="Mountain">В следующем примере путь к файлу указывает на файл в папке images, расположенной в текущей папке.
Пример
<img src="images/picture.jpg" alt="Mountain">В следующем примере путь к файлу указывает на файл в папке images, расположенной в папке на один уровень выше текущей.
Пример
<img src="../images/picture.jpg" alt="Mountain">Рекомендации по использованию
Рекомендуется использовать относительные пути к файлам (если это возможно).
При использовании относительных путей ваши веб-страницы не будут привязаны к текущему базовому URL. Все ссылки будут работать как на вашем компьютере (localhost), так и на текущем публичном домене и будущих публичных доменах.