鏈接到另一個頁面的按鈕（特定部分）

Question

我正在嘗試創建一個按鈕，將我定向到另一個頁面上的特定部分。

我的索引頁上有此代碼

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

如果我按下上面的按鈕，它應該將我重定向到“Bruin bier”部分下的我的網上商店頁面，是否可以在純 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

這非常簡單，因為您只需為 web 主頁面的該部分指定名稱或 ID，然后您可以將其與其他 web 頁面鏈接，只需輸入兩個值（頁面名稱及其正文部分) 在“href”屬性中。

例如-

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

這里 page.html 是網頁的名稱，#anchor 是該指定部分的名稱或 ID。