Det största problemet med HTML href för knappar är att det kan vara svårt att utforma knappen på ett sätt som ser konsekvent ut i olika webbläsare. Dessutom, när du använder en ankartagg med ett href-attribut, öppnas länken i samma fönster som standard, vilket kanske inte är önskvärt för vissa typer av länkar. Slutligen, om href-attributet inte är korrekt konfigurerat, kan ett klick på knappen resultera i en felsida.
<button><a href="">Click Here</a></button>
1. Denna kodrad skapar ett knappelement i HTML.
2. Inuti knappelementet finns en ankartagg med ett tomt href-attribut.
3. Ankartaggen innehåller texten "Klicka här".
Definition av HREF
HREF står för Hypertext Reference och är ett HTML-attribut som används för att definiera en hyperlänk. Den används för att länka en sida till en annan, antingen på samma webbplats eller en annan webbplats. HREF-attributet anger destinationen för länken och kan användas med andra HTML-element som t.ex , och
Kan jag använda HREF i knapp HTML
Nej, det är inte möjligt att använda ett href-attribut i ett knappelement i HTML. Knappelementet stöder inte href-attributet. Du kan dock använda JavaScript för att lägga till en klickhändelselyssnare på knappen som tar användaren till en annan sida när den klickas.
Hur stilar du en href som en knapp
För att utforma en ankartagg som en knapp i HTML kan du använda följande kod:
Lägg sedan till följande CSS till din stilmall:
.knapp {
bakgrundsfärg: #4CAF50; /* Grön */
gräns: ingen;
färg vit;
vaddering: 15px 32px;
text-align: center;
textdekoration: ingen;
display: inline-block; teckenstorlek: 16px; marginal: 4px 2px; markör: pekare;}
