В чем разница в пути между ./image и просто image?

Question

[Евгений Иванов]

Пример:

<img src="./image.jpg"  alt="картинка"> 
<img src="image.jpg"  alt="картинка">

По моему, это одно и тоже.
Зачем 2 варианта написания, в чем разница?

Comments

[Алексей Уколов]

Во втором варианте нет /, а в заголовке вопроса есть. Чему верить?

[Евгений Иванов]

Алексей Уколов, исправил.

PS
Никогда не писал ./image.jpg (как и не хранил картинки рядом с html). Но недавно увидел такой путь, вот и возник вопрос.

[SaberChazer]

Я не знаю как точнее сформулировать мысль, но в варианте image.jpg Значит что в одной например папке с сайтом это фотография. А /image если например: папка №1: здесь находится сайт, а папка №2 Фотография.

Answer 1

[Алексей Дубровин]

. - путь от текущего файла
/ путь от корневого файла
В вашем случае они одинаковые, по этому нет разницы.

Comments

[Евгений Иванов]

Алексей Дубровин,

/ путь от корневого файла

Где вы увидели / ?
В примере выше
./image.jpg
image.jpg

И /image.jpg это путь относительно корневого каталога (не файла), т.е. например home/image.jpg

[Алексей Дубровин]

Евгений Иванов,
Когда вы прописываете файл он всегда идет от корневого каталога
image.jpg == /image.jpg

[Ankhena]

https://htmlacademy.ru/blog/boost/frontend/links

[Алексей Дубровин]

Ankhena, Да ошибся, благодарю за поправку

Answer 2

[Михаил Лялин]

! непрактично держать HTML и картинки в одном каталоге
! относительные пути пишутся через .. и позволяют обратиться к элементу из другого каталога

Comments

[Евгений Иванов]

Михаил Лялин, это пример.
Относительные пути пишутся:
1) без / в начале, что означает "построить" путь к картинке (или чему то ещё) относительно данного файла.
src="image.jpg" картинка лежит рядом с html, где прописан этот путь
src="../image.jpg" картинка лежит на уровень выше html, где прописан этот путь
2) с / в начале, что означает "построить" путь от корневого каталога, home например
src="/image.jpg" картинка лежит в папке home.

PS

непрактично держать HTML и картинки в одном каталоге

Это конечно пример, но Битрикс24->Исходный код главной страницы. По сравнению с этим всё практично.