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.html文档链接？

Answer 1

另一种方法是使用表单标记围绕按钮，如下所示：<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功能方面，这更容易使用。

如何将菜单项链接到页面？

2 个答案: