Het grootste probleem met betrekking tot knop HTML href is dat het moeilijk kan zijn om de knop op een manier te stylen die er in verschillende browsers consistent uitziet. Als u een ankertag met een href-attribuut gebruikt, wordt de link bovendien standaard in hetzelfde venster geopend, wat voor bepaalde typen links misschien niet wenselijk is. Ten slotte, als het href-attribuut niet correct is geconfigureerd, kan het klikken op de knop resulteren in een foutpagina.
<button><a href="">Click Here</a></button>
1. Deze regel code maakt een knopelement in HTML.
2. Binnen het knopelement bevindt zich een ankertag met een leeg href-attribuut.
3. De ankertag bevat de tekst "Klik hier".
Definitie van HREF
HREF staat voor Hypertext Reference en is een HTML-attribuut dat wordt gebruikt om een hyperlink te definiëren. Het wordt gebruikt om de ene pagina naar de andere te linken, op dezelfde website of op een andere website. Het HREF-attribuut specificeert de bestemming van de link en kan worden gebruikt met andere HTML-elementen zoals , en
Kan ik HREF gebruiken in knop-HTML
Nee, het is niet mogelijk om een href-attribuut te gebruiken in een knopelement in HTML. Het knopelement ondersteunt het href-attribuut niet. U kunt echter JavaScript gebruiken om een klikgebeurtenislistener aan de knop toe te voegen die de gebruiker naar een andere pagina brengt wanneer erop wordt geklikt.
Hoe style je een href als knop
Om een ankertag op te maken als een knop in HTML, kunt u de volgende code gebruiken:
Voeg vervolgens de volgende CSS toe aan uw stylesheet:
.knop {
achtergrondkleur: #4CAF50; /* Groente */
grens: geen;
kleur wit;
padding: 15px 32px;
text-align: center;
tekstdecoratie: geen;
weergave: inline-blok; lettergrootte: 16px; marge: 4px 2px; cursor: aanwijzer;}
