Glavna težava, povezana z gumbom HTML href, je, da je gumb težko oblikovati tako, da bo videti skladen v različnih brskalnikih. Poleg tega se pri uporabi sidrne oznake z atributom href povezava privzeto odpre v istem oknu, kar morda ni zaželeno za nekatere vrste povezav. Nazadnje, če atribut href ni pravilno konfiguriran, lahko klik na gumb povzroči stran z napako.
<button><a href="">Click Here</a></button>
1. Ta vrstica kode ustvari element gumba v HTML.
2. Znotraj elementa gumba je sidrna oznaka s praznim atributom href.
3. Sidrna oznaka vsebuje besedilo »Kliknite tukaj«.
Opredelitev HREF
HREF pomeni Hypertext Reference in je atribut HTML, ki se uporablja za definiranje hiperpovezave. Uporablja se za povezovanje ene strani z drugo na istem ali drugem spletnem mestu. Atribut HREF določa cilj povezave in se lahko uporablja z drugimi elementi HTML, kot je npr , in
Ali lahko uporabim HREF v HTML gumba
Ne, atributa href ni mogoče uporabiti v elementu gumba v HTML. Element gumba ne podpira atributa href. Vendar pa lahko uporabite JavaScript, da gumbu dodate poslušalca dogodka klika, ki bo uporabnika ob kliku preusmeril na drugo stran.
Kako oblikujete href kot gumb
Če želite oblikovati sidrno oznako kot gumb v HTML, lahko uporabite naslednjo kodo:
Nato dodajte naslednji CSS v svojo datoteko slogov:
.button {
barva ozadja: #4CAF50; /* Zelena */
meja: brez;
barva: bela;
oblazinjenje: 15px 32px;
poravnava besedila: center;
urejanje besedila: nič;
zaslon: inline-block; velikost pisave: 16px; rob: 4px 2px; kazalec: kazalec;}
