Путь к файлу 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

Путь файла описывает положение файла в структуре папок сайта.

Путь файла используется при linking внешних файлов:

  • Веб-страница
  • Изображение
  • Стиль
  • JavaScript

Абсолютный путь файла

Абсолютный путь файла指向 полный URL интернет-файла:

Пример

<img src="https://www.codew3c.com/images/picture.jpg" alt="flower">

Тег <img> и атрибуты src и alt описаны в главе о изображениях HTML.

Относительные пути

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

В этом примере, путь к файлу указывает на файл в папке images в корневой папке сайта:

Пример

<img src="/images/picture.jpg" alt="flower">

В этом примере, путь к файлу указывает на файл в папке images в текущей папке:

Пример

<img src="images/picture.jpg" alt="flower">

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

Пример

<img src="../images/picture.jpg" alt="flower">

Хорошая привычка

Использование относительных путей - это хорошая привычка (если возможно).

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