HTML Пути к файлам
Курс по основам HTML. W3Schools на русском языке. Уроки для начинающих
Как установить пути к файлам на веб-сайте?
| Путь | Описание |
|---|---|
| <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 файлу
Путь к файлу описывает размещение файла в структуре папок веб-сайта.
Пути к файлам используются при ссылке на внешние файлы, такие как:
- Веб-страницы
- Изображения
- Таблицы стилей
- JavaScript
Абсолютные пути к файлам
Абсолютный путь к файлу - это полный URL-адрес к файлу на просторах Интернета:
Примечание: Тег <img> и атрибуты src и alt объясняются в разделе HTML изображения.
Относительные пути к файлам
Относительный путь к файлу указывает на файл относительно текущей страницы.
В этом примере путь к файлу указывает на файл в папке images, расположенную в корне текущего веб-сайта:
В этом примере путь к файлу указывается на файл в папке images, который находится в текущей папке:
В этом примере путь к файлу указывается на файл в папке images, расположенную в папке на один уровень выше над текущей папкой:
Наилучшая практика
Лучше всего на практике использовать относительные пути к файлам (если возможно). При использовании относительных путей к файлам ваши веб-страницы не будут связаны с текущим базовым URL-адресом. Все ссылки будут работать на вашем собственном компьютере (на localhost), а также на вашем текущем публичном домене и ваших будущих публичных доменах.
Примечание: Для получения полного списка всех доступных HTML тегов, посетите Справочник HTML тегов.