ЛУЧШИЙ САЙТ ДЛЯ ВЕБ-РАЗРАБОТЧИКОВ
HTML5. Уроки для начинающих

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 src="https://www.w3schools.com/images/picture.jpg" alt="Гора">

Попробуйте сами »

Тег <img> объясняется в главе: HTML Изображения.


Относительный путь к файлу

Относительный путь к файлу указывает на файл относительно текущей страницы.

В следующем примере путь к файлу указывает на файл в папке изображений, расположенный в корне текущего веб-сайта:

Пример

<img src="/images/picture.jpg" alt="Гора">

Попробуйте сами »

В следующем примере путь к файлу указывает на файл в папке изображений, находящейся в текущей папке:

Пример

<img src="images/picture.jpg" alt="Гора">

Попробуйте сами »

В следующем примере путь к файлу указывает на файл в папке изображений, расположенный в папке на один уровень выше текущей папки:

Пример

<img src="../images/picture.jpg" alt="Гора">

Попробуйте сами »


Лучшая практика

Лучше всего использовать относительные пути к файлам (если возможно).

При использовании относительных путей к файлам ваши веб-страницы не будут привязаны к вашему текущему базовому URL. Все ссылки будут работать на вашем собственном компьютере (localhost), а также в вашем текущем общедоступном домене и ваших будущих общедоступных доменах.