Det største problem relateret til HTML href er, at det kan være svært at style knappen på en måde, der ser konsistent ud på tværs af forskellige browsere. Derudover, når du bruger et ankertag med en href-attribut, åbnes linket i det samme vindue som standard, hvilket muligvis ikke er ønskeligt for visse typer links. Endelig, hvis href-attributten ikke er korrekt konfigureret, kan et klik på knappen resultere i en fejlside.
<button><a href="">Click Here</a></button>
1. Denne kodelinje opretter et knapelement i HTML.
2. Inde i knapelementet er der et ankertag med en tom href-attribut.
3. Ankermærket indeholder teksten "Klik her".
Definition af HREF
HREF står for Hypertext Reference og er en HTML-attribut, der bruges til at definere et hyperlink. Det bruges til at linke en side til en anden, enten på den samme hjemmeside eller en anden hjemmeside. HREF-attributten angiver destinationen for linket og kan bruges med andre HTML-elementer som f.eks , og
Kan jeg bruge HREF i knap HTML
Nej, det er ikke muligt at bruge en href-attribut i et knapelement i HTML. Knapelementet understøtter ikke href-attributten. Du kan dog bruge JavaScript til at tilføje en klikhændelseslytter til knappen, der fører brugeren til en anden side, når der klikkes på den.
Hvordan styler du en href som en knap
For at style et ankertag som en knap i HTML kan du bruge følgende kode:
Tilføj derefter følgende CSS til dit stylesheet:
.button {
baggrundsfarve: #4CAF50; /* Grøn */
grænse: ingen;
farve: hvid;
padding: 15px 32px;
tekst-align: center;
tekstdekoration: ingen;
display: inline-blok; skriftstørrelse: 16px; margin: 4px 2px; markør: pointer;}
