HTML Пути к файлам
| Path | Description |
|---|---|
| <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
Путь к файлу описывает расположение файла в структуре папок веб-узла.
Пути к файлам используются при связывании с внешними файлами, такими как:
- Веб-страницы
- Изображения
- Таблицы стилей
- Javascripts
Абсолютные пути к файлам
Абсолютный путь к файлу — это полный URL-адрес файла Интернета:
Пример
<img src="https://html5css.ru/images/picture.jpg"
alt="Mountain">
Тег <img> и атрибуты src и Alt описаны в главе о изображениях 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), а также на вашем текущем общественном домене и ваших будущих публичных доменах.