Comment lier un élément de menu à une page?

Question

Ceci est une partie de mon code 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> 

Maintenant, je réalise que quand j'ouvrir mon navigateur et je clique dans le menu par exemple sur le bouton d'accueil rien ne se passe. Comment puis-je lier le bouton d'accueil avec mon document home.html?

Answer 1

Une alternative consiste à entourer les boutons avec une étiquette de forme, comme ceci: <form action="/something.html">. L'autre alternative est d'utiliser une étiquette de lien <a href="" class=""></a>, qui U style comme un bouton, et utiliser les mêmes classes pour. Vous pouvez en lire plus ici aussi Link with button

Answer 2

Pour ce faire, utilisez un élément button, vous aurez besoin de Javascript.

Le code du bouton d'accueil devrait ressembler à ceci:

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

Alternativement, vous pouvez simplement utiliser une balise de lien hypertexte a avec CSS:

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

Il est plus facile de travailler avec quand il vient à coiffer et être capable de sortir des fonctionnalités HTML de la boîte.