如何鏈接菜單項與頁面？

Question

這是從我的HTML5代碼的一部分：

<nav> 
    <div class="dropdown"> 
     <button class="dropbtn">Home</button> 
     <div class="dropdown-content"> 
     </div> 
    </div> 
    <div class="dropdown"> 
     <button class="dropbtn">Basic information</button> 
     <div class="dropdown-content"> 
     </div> 
    </div> 
    <div class="dropdown"> 
     <button class="dropbtn">Technical parameters</button> 
     <div class="dropdown-content"> 
     </div> 
</nav> 

現在我意識到，當我打開我的瀏覽器，我在菜單中點擊例如在home鍵沒有任何反應。我怎樣才能將主頁按鈕鏈接到我的home.html文檔？

Answer 1

一種替代方法是用form-tag包圍按鈕，如下所示：<form action="/something.html">。另一種選擇是使用鏈接標籤<a href="" class=""></a>，其中U風格作爲按鈕，並使用相同的類。你也可以在這裏閱讀更多Link with button

Answer 2

要使用button元素來做到這一點，你需要涉及一些Javascript。

主頁按鈕的代碼看起來應該是這樣的：

<button class="dropbtn" onclick="location.href='home.html';">Home</button> 

或者，你可以只用一個超鏈接標籤a與CSS一起：

<a class="dropbtn" href="home.html">Home</a> 

這是更容易，當它工作涉及到造型和能夠開箱即用的HTML功能。