Tässä artikkelissa kerrotaan sisäisen linkin oppaasta:
Mikä on HTML-sisäinen linkki?
Sisäiset HTML-linkit ovat hyperlinkkejä, jotka luodaan, jotta käyttäjät voivat selata verkkosivun eri osia. Kun käyttäjä on vuorovaikutuksessa sisäisen linkin kanssa, selain siirtää näytön verkkosivun määritettyyn osioon. Se auttaa navigoimaan käyttäjiä varsinkin, jos sivustolla tai blogilla on yksi sivu.
Käydään läpi yksinkertainen esimerkki sisäisten linkkien ymmärtämiseksi:
Esimerkki: Sisäisten linkkien käyttö navigaattorina
Sisäisten linkkien toiminnan ymmärtämiseksi voidaan käyttää navigointipainikkeita. Esimerkiksi tässä esittelyssä on luotu kaksi navigointipainiketta ja näennäistä sisältöä:
< div >
< h2 id = 'osa yksi' > Osa yksi < / h2 >
< s > Tervetuloa ensimmäisen osan sisältöön. < / s >
< h2 id = 'osa kaksi' > Osa kaksi < / h2 >
< s > Loistava! Olet saavuttanut sisällön toisen osan < / s >
< / div >
Yllä olevassa koodinpätkässä:
- Ensinnäkin kaksi' ” -tageja käytetään luomaan kaksi otsikkoa/osiota verkkosivulle. nämä ' h2 ' elementit sisältävät ' arvon ' osa yksi ' ja ' osa kaksi ', jotka on määritetty ' id ”-attribuutteja.
- Seuraavaksi ' 'tunnisteita käytetään, jotka sisältävät kunkin ' ' -tunniste.
Nyt navigointipainikkeita käytetään sisäisten linkkien suhteen. Nämä painikkeet luodaan käyttämällä seuraavaa koodiriviä:
< ul >< että > < a href = '#osa yksi' >Osa yksi< / a > < / että >
< että > < a href = '#osa kaksi' >Osa kaksi< / a > < / että >
< / ul >
Yllä olevassa koodinpätkässä:
- Ensinnäkin '
' -tunniste luettelon kohteiden asettamiseen. - Seuraavaksi ankkuri ' ' -tunnistetta käytetään ja tarjoaa valedataa jokaiselle '
' -tunniste. - Aseta sen jälkeen ' href 'molempien ominaisuus' ' merkitsee '' osa yksi ' ja ' osa kaksi tunnukset. Tämä tehtävä id ” arvot luo sisäisen linkin.
Yllä olevien koodilohkojen suorittamisen jälkeen verkkosivu toimii seuraavasti:
Yllä oleva gif havainnollistaa sisäisten linkkien toimintaa verkkosivulla.
Johtopäätös
Sisäiset HTML-linkit ovat hyperlinkkejä, jotka luodaan, jotta käyttäjät voivat selata verkkosivun eri osia. Luo sisäinen linkki välittämällä pää-HTML-elementin tunnus. Ja anna tämä tunnus arvoksi ' href ' HTML-ankkurin tarjoama attribuutti ' ”elementtiä. Tämä ' ” -elementtiä voidaan käyttää navigointipalkin sisällä tai missä tahansa web-sivulla, joka toimii navigaattorina. Tämä artikkeli on osoittanut käytännön esimerkin sisäisestä HTML-linkistä.