链接到另一个页面（特定部分）的按钮

Question

我正在尝试创建一个按钮，将我定向到另一页上的特定部分。

我的索引页上有此代码

<a href="BruinBier" class="btn">Bekijken</a>

如果我按下上方的按钮，应该将我重定向到我的网上商店页面的“布鲁恩·比尔”部分，是否可以使用纯HTML / CSS？

    <div id="BruinBier" >
        <h1>bruin bier</h1>

Answer 1

您可以使用＃后跟id来链接到具有id属性的元素：

<a href="#BruinBier" class="btn">Bekijken</a>

或

<a href="/shop.html#BruinBier" class="btn">Bekijken</a>

Answer 2

我认为您应该使用

<a href="#BruinBier" class="btn">Bekijken</a>

Answer 3

这非常简单，因为您只需要在主网页的该部分中指定名称或ID，然后只需将两个值（该网页的名称与该部分一起）就可以将其与其他网页链接”）中的“ href”属性。

例如-

<a href="page.html#anchor">text</a>

在这里page.html是网页的名称，＃anchor是该指定部分的名称或ID。