浏览器如何从 href 标签构建完整的 URL？

Question

我正在尝试构建侧边栏菜单。 我将锚点放入的页面位于：

http://localhost/zengarden/

这是我要链接的文件的路径：

C:\xampp\htdocs\zengarden\221

当我使用这个href时：

<a href="/221/" class="design-name">Mid Century Modern</a>

浏览器 (Chrome) 尝试使用此 URL：

http://localhost/221/

如果我将父目录添加到带有前导“/”的 href：

<a href="/zengarden/221/" class="design-name">Mid Century Modern</a>

浏览器获取此 URL：

http://localhost/xampp/

如果我去掉前面的'/'：

<a href="zengarden/221/" class="design-name">Mid Century Modern</a>

浏览器获得一个额外的“zengarden”目录：

http://localhost/zengarden/zengarden/221/

我必须在 href 标记中添加什么才能到达我想去的地方？

（顺便说一下，我使用 Microsoft Edge 得到了相同的结果）

Answer 1

通常情况下，问题不在我预期的地方。 第二种方法：

 <a href="/zengarden/221/" class="design-name">Mid Century Modern</a>

确实在工作。问题出在“C:\xampp\htdocs\zengarden\221”中。该目录中没有“索引”文件。 Apache 服务器将浏览器踢回默认位置，而不是给我一个有意义的错误消息。添加“索引”文件后，我得到了更好的结果。

以下方法也有效：

 <a href="221/" class="design-name">Mid Century Modern</a>

我正在查看 Apache 日志以查看是否有信息可以指出我的问题，但到目前为止我什么也没找到。