ЛУЧШИЙ САЙТ ДЛЯ РАЗРАБОТЧИКОВ
×

HTML5 Tutorial

HTML HOME HTML Introduction HTML Editors HTML Basic HTML Elements HTML Attributes HTML Headings HTML Paragraphs HTML Styles HTML Formatting HTML Quotations HTML Comments HTML Colors HTML CSS HTML Links HTML Images HTML Tables HTML Lists HTML Blocks HTML Classes HTML Id HTML Iframes HTML JavaScript HTML File Paths HTML Head HTML Layout HTML Responsive HTML Computercode HTML Entities HTML Symbols HTML Charset HTML URL Encode HTML XHTML

HTML Forms

HTML Forms HTML Form Elements HTML Input Types HTML Input Attributes

HTML5

HTML5 Intro HTML5 Support HTML5 New Elements HTML5 Semantics HTML5 Migration HTML5 Style Guide

HTML Graphics

HTML Canvas HTML SVG HTML Google Maps

HTML Media

HTML Media HTML Video HTML Audio HTML Plug-ins HTML YouTube

HTML APIs

HTML Geolocation HTML Drag/Drop HTML Web Storage HTML Web Workers HTML SSE

HTML Examples

HTML Examples HTML Accessibility

HTML References

HTML Tag List HTML Attributes HTML Events HTML Colors HTML Canvas HTML Audio/Video HTML Doctypes HTML Character Sets HTML URL Encode HTML Lang Codes HTTP Messages HTTP Methods PX to EM Converter Keyboard Shortcuts

HTML Пути к файлам


PathDescription
<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://www.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), а также на вашем текущем общественном домене и ваших будущих публичных доменах.