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