Путь к файлу описывает расположение файла в структуре папок веб-сайта.
Примеры путей к файлам (File Paths) HTML
| Тег |
Описание |
| <img src="picture.png"> |
Файл "picture.png" находится в той же папке, что и текущая страница |
| <img src="images/picture.png"> |
Файл "picture.png" находится в папке images в текущей папке |
| <img src="/images/picture.png"> |
Файл "picture.png" находится в папке с изображениями в корне текущего веб-сайта |
| <img src="../picture.png"> |
Файл "picture.png" находится в папке на один уровень выше текущей папки |
Пути HTML - файлов
Путь к файлу описывает расположение файла в структуре папок веб-сайта.
Пути к файлам также используются при ссылке на внешние файлы, например:
- Веб-страница;
- Изображения;
- Таблицы стилей;
- JavaScript.
Абсолютные пути к файлам
Абсолютный путь к файлу — это полный URL-адрес файла:
<img src="https://www.appnet.club/htm/img_leopard.jpg" alt="Леопард" width="500" height="600">
🔗 Тег <img> описан в главе: HTML - изображения.
Относительные пути к файлам
Относительный путь к файлу указывает на файл относительно текущей страницы.
В следующем примере путь к файлу указывает на файл в папке htm, расположенной в корне текущего веб-сайта:
<img src="/htm/img_leopard.jpg" alt="Леопард" width="500" height="600">
В этом примере путь к файлу указывает на файл, расположенной в текущей папке:
<img src="/picture.png" alt="Облака" width="300" height="212">
В следующем примере путь к файлу указывает на файл в папке изображений, расположенной в папке на один уровень выше текущей папки:
<img src="../picture.png" alt="Облака" width="300" height="212">
Лучшая практика
Лучше всего использовать относительные пути к файлам (если это возможно).
При использовании относительных путей к файлам ваши веб-страницы не будут привязаны к текущему базовому URL-адресу. Все ссылки будут работать на вашем собственном компьютере (localhost), а также на текущем общедоступном домене и будущих общедоступных доменах.
☛ Элемент Head HTML
JavaScript HTML ☚
