Šiame straipsnyje pateikiamas vadovas apie vidinę nuorodą:
Kas yra HTML vidinė nuoroda?
HTML vidinės nuorodos yra hipersaitai, sukurti, kad vartotojai galėtų naršyti įvairias tinklalapio dalis. Kai vartotojas sąveikauja su vidine nuoroda, naršyklė perkelia ekraną į nurodytą tinklalapio skyrių. Tai padeda naršyti vartotojus, ypač jei yra vieno puslapio ilgio svetainė ar tinklaraštis.
Peržiūrėkime paprastą pavyzdį, kad suprastume vidines nuorodas:
Pavyzdys: vidinių nuorodų naudojimas kaip navigatorius
Norint suprasti vidinių nuorodų veikimą, galima naudoti naršymo mygtukus. Pavyzdžiui, šioje demonstracijoje buvo sukurti du naršymo mygtukai ir netikras turinys:
< div >
< h2 id = 'pirma dalis' > Pirma dalis < / h2 >
< p > Sveiki atvykę į pirmosios dalies turinį. < / p >
< h2 id = 'antra dalis' > Antra dalis < / h2 >
< p > Puiku! Jūs pasiekėte antrąją turinio dalį < / p >
< / div >
Aukščiau pateiktame kodo fragmente:
- Pirma, du ' “ žymos naudojamos kuriant dvi tinklalapio antraštes / skyrius. Šie ' h2 ' elementai turi reikšmę ' pirma dalis “ ir „ antra dalis “, kurie yra priskirti „ id “ atributus, atitinkamai.
- Toliau „ 'Naudojamos žymos, kuriose yra kiekvieno' “ žymą.
Dabar naršymo mygtukai naudojami vidinėms nuorodoms. Šie mygtukai sukuriami naudojant šią kodo eilutę:
< ul >< kad > < a href = '#pirma dalis' >Pirma dalis< / a > < / kad >
< kad > < a href = '#antra dalis' >Antra dalis< / a > < / kad >
< / ul >
Aukščiau pateiktame kodo fragmente:
- Pirma, „
“ žymą, skirtą sąrašo elementams nustatyti. - Toliau inkaras “ 'naudojama žyma ir pateikiami netikri duomenys kiekvienam'
“ žymą. - Po to nustatykite ' reikšmę href 'abiejų atributas' “ pažymi „ pirma dalis “ ir „ antra dalis “ ID. Ši užduotis „ id “ vertybės sukuria vidinę nuorodą.
Atlikus aukščiau nurodytus kodo blokus, tinklalapis veikia taip:
Aukščiau pateiktas gif iliustruoja vidinių nuorodų veikimą tinklalapyje.
Išvada
HTML vidinės nuorodos yra hipersaitai, sukurti, kad vartotojai galėtų naršyti įvairias tinklalapio dalis. Norėdami sukurti vidinę nuorodą, perduokite pirminio HTML elemento ID. Ir pateikite šį ID kaip reikšmę „ href ' atributas, pateiktas HTML inkaro ' “ elementas. Šis ' “ elementas gali būti naudojamas naršymo juostoje arba bet kurioje tinklalapio vietoje, kuri veikia kaip navigatorius. Šiame straipsnyje parodytas praktinis HTML vidinės nuorodos pavyzdys.