Nupu HTML href seotud peamine probleem on see, et nuppu võib olla keeruline kujundada viisil, mis eri brauserites ühtlane välja näeks. Lisaks avaneb href atribuudiga ankurmärgendi kasutamisel vaikimisi link samas aknas, mis ei pruugi teatud tüüpi linkide puhul olla soovitav. Lõpuks, kui atribuut href pole õigesti konfigureeritud, võib nupul klõpsamine põhjustada vealehe.
<button><a href="">Click Here</a></button>
1. See koodirida loob HTML-i nupuelemendi.
2. Nupuelemendi sees on ankrusilt tühja href atribuudiga.
3. Ankrusilt sisaldab teksti “Click Here”.
HREF-i määratlus
HREF tähistab hüperteksti viidet ja on HTML-i atribuut, mida kasutatakse hüperlingi määratlemiseks. Seda kasutatakse ühe lehe linkimiseks teisele kas samal veebisaidil või teisel veebisaidil. Atribuut HREF määrab lingi sihtkoha ja seda saab kasutada koos teiste HTML-i elementidega, näiteks , ja
Kas ma saan nupu HTML-is kasutada HREF-i
Ei, atribuuti href ei ole võimalik HTML-i nupuelemendis kasutada. Nupuelement ei toeta atribuuti href. Kuid saate JavaScripti abil lisada nupule klõpsusündmuste kuulaja, mis suunab kasutaja klõpsamisel teisele lehele.
Kuidas kujundada href nupuna
Ankrumärgendi kujundamiseks HTML-is nupuna saate kasutada järgmist koodi.
Seejärel lisage oma stiililehele järgmine CSS:
.button {
taustavärv: #4CAF50; /* Roheline */
piir: puudub;
värvus: valge;
polster: 15px 32px;
teksti-joondus: keskus;
teksti-kaunistus: pole;
ekraan: inline-block; fondi suurus: 16 pikslit; veeris: 4 pikslit 2 pikslit; kursor: kursor;}
