See artikkel sisaldab siselingi juhendit:
Mis on HTML-i siselink?
HTML-i siselingid on hüperlingid, mis luuakse selleks, et kasutajad saaksid veebilehe erinevates osades navigeerida. Kui kasutaja suhtleb siselingiga, liigutab brauser ekraani veebilehe määratud jaotisesse. See aitab kasutajatel navigeerida, eriti kui on olemas üks lehekülje pikkune veebisait või ajaveeb.
Siselinkide mõistmiseks vaatame läbi lihtsa näite:
Näide: sisemiste linkide kasutamine navigaatorina
Siselinkide töö mõistmiseks saab kasutada navigeerimisnuppe. Näiteks selles demonstratsioonis on loodud kaks navigeerimisnuppu ja näiv sisu:
< div >
< h2 id = 'esimene osa' > Esimene osa < / h2 >
< lk > Tere tulemast esimese osa sisusse. < / lk >
< h2 id = 'teine osa' > Teine osa < / h2 >
< lk > Suurepärane! Olete jõudnud sisu teise osa juurde < / lk >
< / div >
Ülaltoodud koodilõigul:
- Esiteks kaks ' ” kasutatakse veebilehe kahe pealkirja/jaotise loomiseks. Need ' h2 elemendid omavad väärtust esimene osa ” ja „ teine osa ', mis on määratud ' id ” atribuudid vastavalt.
- Järgmiseks ' 'kasutatakse silte, mis sisaldavad iga' ” silti.
Nüüd kasutatakse siselinkide puhul navigeerimisnuppe. Need nupud luuakse järgmise koodirea abil:
< ul >< et > < a href = '#esimene osa' >Esimene osa< / a > < / et >
< et > < a href = '#teine osa' >Teine osa< / a > < / et >
< / ul >
Ülaltoodud koodilõigul:
- Esiteks, '
” silti loendiüksuste seadistamiseks. - Järgmiseks ankur ' Kasutatakse märgendit ja see annab näivaid andmeid igale
” silti. - Pärast seda määrake ' href ' mõlema ' atribuut ' ' märgistab ' esimene osa ” ja „ teine osa ” ID-d. See ülesanne ' id ” väärtused loob sisemise lingi.
Pärast ülaltoodud koodiplokkide täitmist töötab veebileht järgmiselt:
Ülaltoodud gif illustreerib sisemiste linkide tööd veebilehel.
Järeldus
HTML-i siselingid on hüperlingid, mis luuakse selleks, et kasutajad saaksid veebilehe erinevates osades navigeerida. Siselingi loomiseks edastage HTML-i emaelemendi ID. Ja esitage see ID väärtusena href ' atribuut, mille pakub HTML-ankur ' ” element. See ' ” elementi saab kasutada navigeerimisribal või mis tahes veebilehel, mis toimib navigaatorina. See artikkel on näidanud HTML-i siselingi praktilist näidet.