HTML 和 CSS 的基本 URL

Question

我有一个问题，虽然我可以找到相关信息，但我想这是否正是我想知道的内容。

问题是，我在 http://localhost/site 上有一个网站。
现在，当我创建链接时，例如 ，它链接到 http://localhost/posts 而不是 <代码>http://localhost/site/posts。
如果我删除斜杠（），效果很好，这将是最接近的，也许是最简单的解决方案，但我想知道为什么链接会忽略文件所在的文件夹？

我还想知道是否可以通过 .htaccess 或其他东西来解决这个问题。

我读过以 / 开头的链接使其成为“绝对”。因此，以 / 开头的链接仅用于直接链接到根目录，或者由存储在根目录中的站点使用（在这种情况下，它没有多大意义？）？

Answer 1

URL 开头的前导“/”通知 Web 浏览器给定的路径是绝对（相对于 Web 服务器根），即如果您链接到 /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

是否使用绝对链接或相对链接的决定完全取决于您 - 相对链接的优点是，如果您的网站移动，您网站上页面之间的链接仍然可以正常工作（例如，如果您的网站移动到 < code>www.mysite.com/otherpath，那么任何绝对链接（例如 www.mysite.com/originalpath/home）将不再起作用，

您应该看到以下站点以获得更完整的信息 。相对网址说明：

• 相对网址 (WebReference.com)

Answer 2

您的站点根目录是 localhost，尽管您假设 site 是您的站点根目录。当您使用 / 时，它是相对于 localhost 的，因为它是绝对链接。

Answer 3

尝试做一下< a href="../posts" >

./ 表示基目录或主目录

../ 表示上一级目录