导航栏中的链接相互加倍

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＆gt;
www.Website.com/Shower-Faucets/＆gt;
www.Website.com/Bar-faucets /

Answer 1

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

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

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