Painikkeiden HTML href:n suurin ongelma on, että painikkeen tyyli voi olla vaikeaa niin, että se näyttää yhdenmukaiselta eri selaimissa. Lisäksi, kun käytetään ankkuritunnistetta href-attribuutilla, linkki avautuu oletusarvoisesti samassa ikkunassa, mikä ei ehkä ole toivottavaa tietyntyyppisille linkeille. Lopuksi, jos href-attribuuttia ei ole määritetty oikein, painikkeen napsauttaminen voi johtaa virhesivuun.
<button><a href="">Click Here</a></button>
1. Tämä koodirivi luo painikeelementin HTML:ään.
2. Painikeelementin sisällä on ankkuritunniste, jossa on tyhjä href-attribuutti.
3. Ankkuritunniste sisältää tekstin "Click Here".
Määritelmä HREF
HREF on lyhenne sanoista Hypertext Reference ja se on HTML-attribuutti, jota käytetään hyperlinkin määrittämiseen. Sitä käytetään linkittämään yksi sivu toiselle joko samalla tai eri verkkosivustolla. HREF-attribuutti määrittää linkin määränpään ja sitä voidaan käyttää muiden HTML-elementtien kanssa, kuten , ja
Voinko käyttää HREF:ää painikkeen HTML:ssä
Ei, href-attribuuttia ei voi käyttää HTML:n painikeelementissä. Painike-elementti ei tue href-attribuuttia. Voit kuitenkin käyttää JavaScriptiä lisätäksesi napsautustapahtuman kuuntelijan painikkeeseen, joka siirtää käyttäjän toiselle sivulle, kun sitä napsautetaan.
Kuinka muotoilet href:n painikkeeksi
Voit muotoilla ankkuritunnisteen painikkeeksi HTML:ssä käyttämällä seuraavaa koodia:
Lisää sitten seuraava CSS tyylitaulukkoosi:
.button {
taustaväri: #4CAF50; /* Vihreä */
raja: ei mitään;
väri valkoinen;
pehmuste: 15px 32px;
tekstin tasaus: keskellä;
tekstikoriste: ei mitään;
näyttö: inline-block; fontin koko: 16px; marginaali: 4px 2px; kohdistin: osoitin;}
