Hovedproblemet knyttet til button HTML href er at det kan være vanskelig å style knappen på en måte som ser konsistent ut på tvers av ulike nettlesere. I tillegg, når du bruker en ankertag med et href-attributt, vil koblingen åpnes i samme vindu som standard, noe som kanskje ikke er ønskelig for visse typer lenker. Til slutt, hvis href-attributtet ikke er riktig konfigurert, kan å klikke på knappen resultere i en feilside.
<button><a href="">Click Here</a></button>
1. Denne kodelinjen lager et knappeelement i HTML.
2. Inne i knappeelementet er det en anker-tag med et tomt href-attributt.
3. Ankertaggen inneholder teksten "Klikk her".
Definisjon av HREF
HREF står for Hypertext Reference og er et HTML-attributt som brukes til å definere en hyperkobling. Den brukes til å koble en side til en annen, enten på samme nettside eller en annen nettside. HREF-attributtet spesifiserer destinasjonen til lenken og kan brukes med andre HTML-elementer som f.eks , og
.Kan jeg bruke HREF i knapp HTML
Nei, det er ikke mulig å bruke et href-attributt i et knappeelement i HTML. Knappeelementet støtter ikke href-attributtet. Du kan imidlertid bruke JavaScript til å legge til en klikkhendelseslytter til knappen som tar brukeren til en annen side når den klikkes.
Hvordan styler du en href som en knapp
For å style en ankertag som en knapp i HTML, kan du bruke følgende kode:
Legg deretter til følgende CSS i stilarket ditt:
.button {
bakgrunnsfarge: #4CAF50; /* Grønn */
grense: ingen;
farge: hvit;
polstring: 15px 32px;
tekst-align: center;
tekstdekorasjon: ingen;
display: inline-blokk; skriftstørrelse: 16px; margin: 4px 2px; markør: peker;}