позволяет сказать следующее в DIR структуры моего сайта 
HTML - выбрать изображения корневой папки из вложенной папки
Сейчас в index.html я могу просто ссылаться изображения как
<img src="./images/logo.png">
но что если я хочу сослаться на то же изображение fron sub.html, что будет src
<img src="../images/logo.png">
__ ______ ________
| | |
| | |___ 3. Get the file named "logo.png"
| |
| |___ 2. Go inside "images/" subdirectory
|
|
|____ 1. Go one level up
Ваш index.html может просто сделать src="images/logo.png" и от sub.html вы могли бы сделать src="../images/logo.png"
../images/logo.png переместит вас обратно одну папку.
../../images/logo.png вернет вам две папки.
/images/logo.png вернет вас в корневую папку независимо от того, где вы находитесь.
Просто добавьте точку. Если вы используете localhost в IIS, /images/logo.png не будет создавать изображения. Он будет искать в корне localhost вместо приложения. Посмотрите на http://stackoverflow.com/a/15357705/114169 – 100r
где будет корневая папка в этом случае? папку, содержащую изображения, sub_folder и index.html, или корневую папку проекта? –
@ Ashl7 Корневая папка - это тот, к которому осуществляется доступ через домен, без указанных вложенных папок. – AntonChanning
Относительная ссылка будет
<img src="../images/logo.png">
Если вы знаете расположение относительно корня сервера, который может быть простой подход для приложения со сложной иерархии вложенных каталогов - это было бы то же самое от все папки.
Например, если дерево каталогов изображено на ваш вопрос относительно корня сервера, то index.html и sub_folder/sub.html бы оба используют:
<img src="/images/logo.png">
Если папка изображения является вместо того, чтобы в корне приложения, как foo ниже корня сервера (например http://www.example.com/foo), то index.html (http://www.example.com/foo/index.html), например, и sub_folder/sub.html (http://www.example.com/foo/sub_folder/sub.html) оба используют:
<img src="/foo/images/logo.png">
../ т akes вы поместите одну папку в дерево каталогов. Затем выберите нужную папку и ее содержимое.
../images/logo.png
при загрузке файлов на сервер быть осторожным, некоторые фолианты ваши изображения не будут появляться на веб-странице и разбившийся появится значок, что означает, что ваш путь к файлу не правильно аранжировке или закодированы, когда у вас есть следующая структура файла должен быть таким, как этот Структура файла: -> web (основная папка) -> изображения (подпапка) -> логотип.PNG (изображения в подпапке) код для выше ниже следовать этой стандартной
<img src="../images/logo.jpg" alt="image1" width="50px" height="50px">
, если вы загрузили файлы на веб-сервер, пренебрегая структуру файла с из создания веб-папки, если вы напрямую загрузить файлы, то ваши изображения будут разбиты, вы не можете видеть изображения, а затем изменить код следующим образом
<img src="images/logo.jpg" alt="image1" width="50px" height="50px">
поблагодарить вы-> Вамши Кришнан
при загрузке файлов на сервер быть осторожным, некоторые ваши изображения будут не отображается на веб-странице, и появляется аварийный значок, который означает, что ваш путь к файлу неправильно упорядочен или закодирован, если у вас есть следующая файловая структура, код должен выглядеть следующим образом: -> web (основная папка) -> изображения (вложенная) -> logo.png (изображение в подпапке) код для выше ниже следуют за этим стандартом
< img src="../images/logo.jpg" alt="image1" width="50px" height="50px">
, если вы загрузили файлы на веб-сервер, пренебрегая структуру файла с вы создаете веб-папку, если вы напрямую загружаете файлы, тогда ваши изображения будут разбиты, вы не увидите изображения, а затем измените код следующим образом:
<img src="images/logo.jpg" alt="image1" width="50px" height="50px">
поблагодарить вы-> Вамши Кришнан
Я я хочу иметь одну точку на один уровень вниз в директории – Moon
Нет, не нужно. '.' означает текущий каталог,' ..' означает родительский каталог. – aularon
@aularon так делает ... означает два каталога выше и так далее? – Boggartfly