Выбор родительского каталога в html

У меня есть общий вопрос (мне не все знакомы с html).

Следующее использование косой черты, которую я обнаружил, указывает на подкаталог, в этом случае для изображений:

/Image/my_Image.png

Есть ли эквивалент html для указания родительского каталога?

Ответы

Ответ 1

../ предоставит вам один уровень более высокий родительский каталог. Вы можете использовать столько, сколько хотите, чтобы родители более высокого уровня, такие как ../../

../Image/my_Image.png

будет папка с изображением в родительском каталоге

Ответ 2

Single dot = текущий каталог, double dot - родительский каталог...

./ = current
../ = parent

Итак, скажем, у вас есть правило стиля для изображения в файле CSS под названием "styles.css".

Местоположение таблицы стилей C:\MyApp\CSS\styles.css.
Местоположение изображения: C:\MyApp\Image\my_Image.png.

Когда CSS читается, он будет местоположением этого файла css, который использовался для текущего местоположения. Поэтому, если вы хотите добраться до своего изображения, вы можете указать его так:

background: url("../Image/my_Image.png") no-repeat scroll 0 0 transparent;

Если местоположение изображения было бы прямо на C: \, вам нужно было бы вернуться к двум родительским каталогам:

background: url("../../my_Image.png") no-repeat scroll 0 0 transparent;

Этот принцип также распространяется на файлы JavaScript и т.д.

Ответ 3

Он отлично работает вместе с тегом <base>;

Пример

<head>
<base href="resources\">
</head>

то из корневого индекса: <a href="template\sample1.html">sample1</a>

<head>
<base href="..\resources\">
</head>

затем из шаблона: <img src="images\sample1.jpg">

работает со структурой каталогов, например:

index.html
ресурсы\шаблон\
ресурсы\изображения\