Wie verlinke ich einen Menüpunkt mit einer Seite?

Question

Dies ist ein Teil von meinem HTML5 Code:

<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> 

Jetzt wurde mir klar, dass, wenn ich meinen Browser öffnen und ich nichts passiert, zum Beispiel auf der Home-Taste im Menü klicken. Wie kann ich die Home-Schaltfläche mit meinem home.html-Dokument verknüpfen?

Answer 1

Eine Alternative besteht darin, die Schaltflächen mit einem Formular-Tag zu umgeben: <form action="/something.html">. Die andere Alternative ist die Verwendung eines Link-Tags <a href="" class=""></a>, das U-Stil als Schaltfläche verwendet und dieselben Klassen verwendet. Sie können auch hier mehr lesen Link with button

Answer 2

Um dies mit einem button Element zu tun, müssten Sie einige Javascript einbeziehen.

Der Code Home-Taste wie folgt aussehen sollte:

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

Alternativ können Sie auch nur einen Hyperlink-Tag a zusammen mit CSS:

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

Dies ist leichter mit, wenn es um Arbeit kommt zum Styling und kann einfach aus der Box HTML-Funktionalität.