浏览器如何从 href 标签构建完整的 URL？
How does the browser build the full URL from an href tag?
我正在尝试构建侧边栏菜单。
我将锚点放入的页面位于：
http://localhost/zengarden/
这是我要 link 到的文件的路径：
C:\xampp\htdocs\zengarden1
当我使用这个 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 得到了相同的结果）
通常情况下，问题出在我的预期之外。
第二种方法：
<a href="/zengarden/221/" class="design-name">Mid Century Modern</a>
实际上在工作。问题出在 'C:\xampp\htdocs\zengarden1'。该目录中没有 'index' 文件。 Apache 服务器将浏览器踢回默认位置，而不是给我一个有意义的错误消息。添加 'index' 文件后，我得到了更好的结果。
以下方法也有效：
<a href="221/" class="design-name">Mid Century Modern</a>
我正在查看 Apache 日志，看看是否有信息可以指出我的问题，但到目前为止我什么也没发现。
我正在尝试构建侧边栏菜单。 我将锚点放入的页面位于：
http://localhost/zengarden/
这是我要 link 到的文件的路径：
C:\xampp\htdocs\zengarden1
当我使用这个 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 得到了相同的结果）
通常情况下，问题出在我的预期之外。 第二种方法：
<a href="/zengarden/221/" class="design-name">Mid Century Modern</a>
实际上在工作。问题出在 'C:\xampp\htdocs\zengarden1'。该目录中没有 'index' 文件。 Apache 服务器将浏览器踢回默认位置，而不是给我一个有意义的错误消息。添加 'index' 文件后，我得到了更好的结果。
以下方法也有效：
<a href="221/" class="design-name">Mid Century Modern</a>
我正在查看 Apache 日志，看看是否有信息可以指出我的问题，但到目前为止我什么也没发现。