Базовый URL для HTML и CSS

Question

У меня есть вопрос, и хотя я могу найти соответствующую информацию, я думаю, что это именно то, о чем мне интересно.

Дело в том, что у меня есть сайт на http://localhost/site.
Теперь, когда я создаю ссылку, скажем, <a href="/posts">, она ссылается на http://localhost/posts вместо http://localhost/site/posts.
Это работает нормально, если я удаляю косую черту (<a href="posts">), это будетсамое близкое и, возможно, самое простое решение, но я хотел бы знать, почему ссылки игнорируют папку, в которой находится файл?

И я также хотел бы знать, можно ли это исправить с помощью .htaccess или чего-то еще.

Я читал, что ссылка, начинающаяся с /, делает ее "абсолютной".Таким образом, ссылка, начинающаяся с /, предназначена только для прямой ссылки на корень или для использования сайтами, хранящимися в корне (в этом случае это не имеет большого смысла?)?

Answer 1

Попробуйте сделать это
./ означает базовый каталог или домашний
../ означает один каталог вверх

Answer 2

Символ «/» в начале URL-адреса информирует веб-браузер о том, что указанный путь равен абсолютный (относительно корня веб-сервера), т. Е. Если вы ссылаетесь на /posts, то выЗнайте, что результирующая ссылка будет на http://www.mysite.com/posts.

Если вы не указали начальный '/' (и не указали полный URL-адрес, такой как http://www.mysite.com/posts), то обычно URL-адрес равен относительно , и любая заданная страница будет относиться к странице, просматриваемой в данный момент.

Например:

page being viewed               link url             target page
------------------------------------------------------------------------------
www.mysite.com/site              link.html            www.mysite.com/site/link.html
www.mysite.com/site              ../link.html         www.mysite.com/link.html
www.mysite.com/some/other/page   link.html            www.mysite.com/some/other/page/link.html
www.mysite.com/some/other/page   ../../../link.html   www.mysite.com/link.html

Решение о том, использовать ли абсолютные или относительные ссылки, принимаетсяполностью зависит от вас - преимущество относительных ссылок в том, что если ваш сайт перемещается, ссылки между страницами на вашем сайте все равно будут работать правильно (например, если ваш сайт переходит на www.mysite.com/otherpath, то любые абсолютные ссылки, такие как www.mysite.com/originalpath/home, больше не будутработа.

Для более полного объяснения относительных URL вы должны увидеть следующий сайт:

• Относительные URL (WebReference.com)

Answer 3

Корнем вашего сайта является localhost, хотя вы предполагаете , что site является корнем вашего сайта. Когда вы используете / это относительно localhost, поскольку это абсолютная ссылка.