Linkkien Käyttäminen
Pyyhkäise näyttääksesi valikon
<a>-tagia käytetään luomaan hyperlinkkejä, joiden avulla käyttäjät voivat siirtyä eri verkkosivujen välillä. Kun käyttäjä napsauttaa linkkiä, selain lähettää pyynnön palvelimelle linkkiin liitetystä sivusta ja näyttää vastauksen näytöllä. href-attribuutilla määritellään kohdesivun URL-osoite.
index.html
Linkin attribuutit
target
Oletuksena linkki avautuu samassa selainvälilehdessä. target-attribuutin avulla tätä käyttäytymistä voidaan muuttaa. Jos halutaan avata linkki uuteen välilehteen, käytetään target="_blank".
index.html
download
download-attribuuttia voidaan käyttää HTML:n <a>-tagin kanssa määrittämään, että kohderesurssi ladataan selaimeen näytön sijaan. Kun download-attribuuttia käytetään, selain kehottaa käyttäjää tallentamaan tiedoston määritetyllä tiedostonimellä. Esimerkiksi, jos halutaan luoda elementti seuraavalla toiminnallisuudella: kun käyttäjä napsauttaa linkkiä, selain lataa tiedoston "myfile.pdf" osoitteesta https://example.com/ ja kehottaa käyttäjää tallentamaan sen nimellä myfile.pdf.
index.html
href
Attribuutti href ei ole tarkoitettu ainoastaan siirtymiseen toisille sivuille, vaan sen avulla voidaan luoda linkkejä myös sähköpostiosoitteisiin, puhelinnumeroihin ja tiettyihin sivun osiin.
index.html
Lisäksi href-attribuuttia voidaan käyttää siirtymiseen tiettyihin kohtiin verkkosivulla. Luo ankkuritagille id-attribuutti (yksilöllinen tunniste) siihen kohtaan, johon halutaan vierittää. href-attribuutin arvoksi asetetaan #-merkki ja sen perään kyseinen id-arvo.
Tarkastellaan seuraavaa esimerkkiä, joka on esitetty CodeSandbox-alustalla. Tällä alustalla voit tarkastella koodia ja tutkia sen toiminnallisuutta.
Tutustu toiminnallisuuteen napsauttamalla linkkejä ja seuraamalla, kuinka sivu vierittyy tiettyihin kohtiin. Kiinnitä myös huomiota a- ja h2-tagien attribuutteihin.
Kiitos palautteestasi!
Kysy tekoälyä
Kysy tekoälyä
Kysy mitä tahansa tai kokeile jotakin ehdotetuista kysymyksistä aloittaaksesi keskustelumme
