Это не работает:IMG тег не работает с относительным путем в ЦСИ
<img src="../assets/images/image.jpg" alt="Alternative Text">
Но это работает:
<img src="http://localhost/abc/def/geh/assets/images/image.jpg" alt="Alternative Text">
В моем случае, я просто не могу работать с абсолютным путем. Я должен использовать относительный путь.
"../assets/images/image.jpg" -Этот означает
Это относительная ссылка будет работать только если страница находится в подпапке в
"http://localhost/abc/def/geh/"
Если место вашей страницы действительно
«локальный/ASDF/ASDF/asdf/asdf/index.php "
(что кажется смешным), чтобы добраться до папки с активами относительно, вам нужно было пройти весь путь до корня.
'../../../../abc/deh/geh/assets/images/image.jpg;
В качестве альтернативы вы можете использовать базовый тег в теге головы, чтобы сделать URL-адрес в фактическом атрибуте src более дружественным.
Если, конечно, папка 'assets' действительно не является каталогом выше текущего документа. Тем не менее, вы первый человек, который думает даже о том, чтобы спросить, в первую очередь, так что для этого, к сожалению. –
Я подозреваю, что вы на самом деле не делать то, что я сказал вам, так вот скриншот:
Если изображение откроется в новой вкладке, то у вас есть какие-то ошибки или расширения, что это испортить его в html. Если вы испортили относительный путь, вы, скорее всего, получите 404, но вы сможете увидеть путь как абсолютный. Может показаться, что http://localhost/asdf/asdf/asdf/asdf/assets/assets/image.jpg В любом случае, отправьте снимок экрана выше описанной операции.
<img src="assets/images/image.jpg" alt="Alternative Text">
должно быть рабочим. Вы не должны были поставить «../» в начале пути изображения.
Для лучшего понимания относительных путей против абсолютных путей, см this link
Что такое URL страницы HTML это находится на? –
localhost/asdf/asdf/asdf/asdf/index.php –
Осмотрите элемент 'img', щелкните правой кнопкой мыши на изображении' src' и __Open в новой вкладке__, чтобы увидеть URL-адрес, который он пытается получить. Вы также можете увидеть его на консоли и на вкладке сети. – Miro