Что значит относительный путь к картинке вроде ../images/cat.jpg?

Задан 12 месяцев назад384 просмотров1 ответ

В чужом коде видел такие пути в src: images/cat.jpg, ./style.css, ../pictures/logo.png. Что значат эти точки и слэши? Особенно две точки .. в начале — это что?

Галина Попова 🐣 Птенец

спросил 12 месяцев назад

1 ответ

✓ Принятый ответ — помог автору

Это относительный путь — он отсчитывается от папки, где лежит твой html-файл. Расшифровка:

cat.jpg или ./cat.jpg — файл в той же папке.
images/cat.jpg — зайти в подпапку images и взять оттуда.
../cat.jpg — .. значит подняться на папку вверх, к родительской.
../images/cat.jpg — подняться вверх, затем зайти в images.

Представь папки как этажи: .. — это лифт на этаж выше, имя папки со слэшем — дверь в комнату.

Пример структуры:

site/
  pages/
    about.html   <-- мы здесь
  images/
    logo.png

Из about.html чтобы добраться до logo: ../images/logo.png (поднялись из pages в site, зашли в images).

Руслан Герасимов 🐣 Птенец

12 месяцев назад

Ваш ответ

Войдите, чтобы ответить на вопрос.