Linkkien luominen saman sivun osioihin HTML:ssä
Web-selain käyttää hyperlinkkejä siirtyäkseen sivulta toiselle. Voit kuitenkin myös siirtyä eri alueelle samalla sivulla. Seuraavissa osioissa näytetään käyttäjille, kuinka voit luoda linkin Web-sivun ylä-, ala- tai tiettyyn osioon. Valitse menetelmä seuraavasta luettelosta tai tutki molempia vaihtoehtoja.
Nykyään kaikki selaimet tunnistavat “#”-merkin olevan käyttökelpoinen tapa siirtyä sivun ylä- tai alaosaan. Tämä menetelmä on kuitenkin vanhentunut, eikä se välttämättä toimi tulevissa HTML-versioissa. Suosittelemme käyttämään sen sijaan id-menetelmää, koska se on ajankohtaisempi ja monipuolisempi.
Käytä #top tai #bottom
Seuraavissa esimerkeissä käytetään #top ja #bottom -tunnisteen ja href-attribuutin kanssa linkittääkseen kyseiseen sivun osaan. Tämä menetelmä on samanlainen kuin “id”:n käyttäminen, mutta sinun ei tarvitse valita tiettyä elementtiä. Napsauta “Yläosa” tai “Alhaalla” Tulokset-osiossa nähdäksesi mitä tapahtuu.
Esimerkkejä
Tulokset
Ylös
Pohja
Tunnusvalitsimen avulla
CSS:ssä “id” on valitsin, jota käytetään osoittamaan alue, johon linkin tulee osoittaa, kuten ankkuri HTML:ssä. Hyvä puoli id:n käytössä on se, että voit luoda linkin mihin tahansa sivun elementtiin, ei vain ylä- tai alaosaan. Seuraavissa osioissa näet, kuinka HTML-tunnisteeseen lisätään tunnus ja miten siihen linkitetään. Tässä esimerkissä on linkki tämän sivun yläosassa olevaan avauskappaleeseen.
Käytä #id-valitsinta
id=”avautuminen”>Selain käyttää hyperlinkkejä siirtyäkseen sivulta toiselle…
Luo linkki valitsimeen
href=”#avautuminen”>Siirry aloituskappaleeseen.
Tulos
Vie minut aloituskappaleeseen.
