Isinasaad ng artikulong ito ang gabay tungkol sa panloob na link:
Ano ang HTML Internal Link?
Ang isang HTML na panloob na link ay ang mga hyperlink na nilikha upang payagan ang mga user na mag-navigate sa iba't ibang mga seksyon ng webpage. Ang user kapag nakikipag-ugnayan sa isang panloob na link, inililipat ng browser ang screen sa tinukoy na seksyon ng webpage. Nakakatulong ito sa pag-navigate sa mga user lalo na kung may iisang page-long website o blog.
Maglakad tayo sa isang simpleng halimbawa para sa pag-unawa sa mga panloob na link:
Halimbawa: Paggamit ng Mga Panloob na Link bilang Navigator
Upang maunawaan ang paggana ng mga panloob na link, maaaring gamitin ang mga pindutan ng nabigasyon. Halimbawa, dalawang navigation button at dummy content ang ginawa sa demonstration na ito:
< div >
< h2 id = 'unang bahagi' > Unang bahagi < / h2 >
< p > Maligayang pagdating sa Nilalaman ng Unang Bahagi. < / p >
< h2 id = 'ikalawang bahagi' > Ikalawang bahagi < / h2 >
< p > Malaki! Naabot mo na ang Ikalawang Bahagi ng Nilalaman < / p >
< / div >
Sa snippet ng code sa itaas:
- Unang dalawa ' 'Ang mga tag ay ginagamit upang lumikha ng dalawang heading/seksyon ng webpage. Ang mga ' h2 'Ang mga elemento ay nagtataglay ng halaga ng ' unang bahagi 'at' ikalawang bahagi 'na itinalaga sa' id ” mga katangian, ayon sa pagkakabanggit.
- Susunod, ang ' 'Ang mga tag ay ginagamit na nagtataglay ng nilalaman para sa bawat ' ” tag.
Ngayon, ginagamit ang mga pindutan ng nabigasyon na may paggalang sa mga panloob na link. Ang mga button na ito ay nilikha gamit ang sumusunod na linya ng code:
< ul >< na > < a href = '#unang bahagi' >Unang Bahagi< / a > < / na >
< na > < a href = '#ikalawang bahagi' >Ikalawang Bahagi< / a > < / na >
< / ul >
Sa snippet ng code sa itaas:
- Una, ang '
” tag para sa pagtatakda ng mga item sa listahan. - Susunod, ang anchor ' 'Ang tag ay ginagamit at nagbibigay ng dummy data sa bawat '
” tag. - Pagkatapos nito, itakda ang halaga ng ' href 'attribute ng pareho' 'tag sa ' unang bahagi 'at' ikalawang bahagi ” mga id. Ang takdang-aralin na ito ng ' id Ang mga halaga ay lumilikha ng panloob na link.
Pagkatapos ng pagpapatupad sa itaas ng mga bloke ng code, ang webpage ay gumagana tulad nito:
Ang gif sa itaas ay naglalarawan ng paggana ng mga panloob na link sa webpage.
Konklusyon
Ang isang HTML na panloob na link ay ang mga hyperlink na nilikha upang payagan ang mga user na mag-navigate sa iba't ibang mga seksyon ng webpage. Upang gumawa ng panloob na link, ipasa ang id ng parent HTML element. At ibigay ang id na ito bilang isang halaga para sa ' href ' attribute na ibinigay ng HTML anchor ' ' elemento. ito' ” elemento ay maaaring gamitin sa loob ng navbar o saanman sa web page na gumaganap bilang isang navigator. Ang artikulong ito ay nagpakita ng praktikal na halimbawa ng HTML internal link.