如何链接菜单项与页面？

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功能。