Ang pangunahing problema na nauugnay sa button HTML href ay maaaring mahirap i-istilo ang button sa paraang mukhang pare-pareho sa iba't ibang browser. Bukod pa rito, kapag gumagamit ng anchor tag na may href attribute, magbubukas ang link sa parehong window bilang default, na maaaring hindi kanais-nais para sa ilang uri ng mga link. Sa wakas, kung ang katangiang href ay hindi maayos na na-configure, ang pag-click sa button ay maaaring magresulta sa isang pahina ng error.
<button><a href="">Click Here</a></button>
1. Ang linya ng code na ito ay lumilikha ng elemento ng button sa HTML.
2. Sa loob ng elemento ng button, mayroong anchor tag na may walang laman na href attribute.
3. Ang anchor tag ay naglalaman ng text na "Click Here".
Kahulugan ng HREF
Ang HREF ay kumakatawan sa Hypertext Reference at isang HTML attribute na ginagamit upang tukuyin ang isang hyperlink. Ito ay ginagamit upang i-link ang isang pahina sa isa pa, alinman sa parehong website o ibang website. Ang katangian ng HREF ay tumutukoy sa patutunguhan ng link at maaaring magamit kasama ng iba pang mga elemento ng HTML gaya ng , , at
Maaari ko bang gamitin ang HREF sa button na HTML
Hindi, hindi posibleng gumamit ng href attribute sa isang elemento ng button sa HTML. Ang elemento ng button ay hindi sumusuporta sa href attribute. Gayunpaman, maaari mong gamitin ang JavaScript upang magdagdag ng isang click event listener sa button na magdadala sa user sa ibang page kapag na-click.
Paano mo i-istilo ang isang href bilang isang pindutan
Upang mag-istilo ng anchor tag bilang isang button sa HTML, maaari mong gamitin ang sumusunod na code:
Pagkatapos ay idagdag ang sumusunod na CSS sa iyong stylesheet:
.button {
kulay ng background: #4CAF50; /* Berde */
hangganan: wala;
kulay puti;
padding: 15px 32px;
text-align: center;
dekorasyon ng teksto: wala;
display: inline-block; laki ng font: 16px; margin: 4px 2px; cursor: pointer;}
