html - 来自导航栏的链接彼此加倍

Question

这是我的代码示例：

<div class="col_1">
            <a href="Shower-Faucets/"><img src="../product_images/shower_head.jpg"/><p >Shower Faucets</p></a href>
        </div>

        <div class="col_1">
            <a href="Bar-faucets/"><img src="../product_images/bar_faucet.jpg"/><p >Bar faucets</p></a href>
        </div>

当我从导航栏转到一个链接时，链接会堆积起来，从而破坏了链接。

发生的事情的例子：

www.Website.com
www.Website.com/Shower-Faucets/
www.Website.com/Shower-Faucets/Bar-faucets/

应该发生的事情的例子：

www.Website.com >
www.Website.com/Shower-Faucets/ >
www.Website.com/Bar-faucets/

Answer 1

您想在 href 的开头添加一个“/”。这将使链接基于您的地址。

<a href="/Shower-Faucets">
<a href="/Bar-faucets">

如果没有反斜杠，则 url 似乎与您当前所在的位置相关，因此是地址的堆叠。