Ang anchor sa site ay lubhang kapaki-pakinabang kung nais mo ang mga artikulo sa iyong site na magkaroon ng isang maginhawang paglipat sa pagitan ng mga item sa listahan. Inilipat nila ang pahina sa nais na punto o binubuksan ang nais na pahina, na tinutulungan ang gumagamit na mabilis na mahanap ang impormasyong kailangan niya.
Kung nagsusulat ka ng iyong sariling site, dapat naisip mo kung paano gawing mas maginhawa ang pag-navigate sa iyong site. Upang ang gumagamit ay hindi kailangang maghanap para sa impormasyong kailangan niya sa lahat ng mga pahina ng iyong site, pinakamahusay na gamitin ang diskarteng "angkla". Lilikha ito ng isang link sa anumang impormasyon o dokumento kahit saan sa iyong site.
Teorya
Upang lumikha ng isang anchor, kailangan mo ng dalawang elemento:
- Ang bahagi ng code, na nagsasaad ng link sa aming angkla, naiwan sa ibang bahagi ng site.
- Anumang bahagi ng code kung saan maaaring tukuyin ang isang identifier ay ang aming anchor.
Una kailangan mong lumikha ng unang bahagi ng anchor - isang link dito. Ang isang link ng anchor ay may dalawang bahagi: isang link ng pahina at isang link ng anchor.
- Lumikha ng isang "isang" tag o anumang iba pang tag na sumusuporta sa katangiang "href"
- Sa tag na ito lumikha ng katangiang "href"
- Tukuyin ang isang link sa pahina ng site sa halaga ng katangian.
- Matapos ang link, ipahiwatig ang link sa angkla gamit ang simbolong "#" at anumang pangalan para sa angkla (nakasulat nang magkasama, halimbawa: "#anchor")
Kung laktawan mo ang puntong 3 at hindi tumutukoy ng isang link sa pahina ng site, hahanapin ang angkla sa kasalukuyang pahina. Iyon ay, kung nais mong lumikha ng isang link sa isang anchor na matatagpuan sa parehong pahina, maaari mong alisin ang link sa pahina mismo.
Nananatili ito upang likhain ang pangalawang bahagi ng anchor - ang nagpapakilala. Ito ay tumutukoy sa anumang tag sa site code na sumusuporta sa katangian ng id. Upang lumikha ng isang anchor, kailangan mo:
- Lumikha ng isang katangian na "id" sa kinakailangang tag.
- Sa katangiang "id", tukuyin ang halaga ng pangalan ng angkla na tinukoy sa nakaraang hakbang. (halimbawa:)
Matapos ang dalawang hakbang na ito, lilitaw ang isang link sa site na magdadala sa iyo sa tinukoy na anchor.
Pagsasanay
Isaalang-alang natin kung paano lumikha ng isang angkla gamit ang isang tukoy na halimbawa.
Mayroon kaming isang simpleng pahina tulad nito:
Mayroon kaming teksto sa tuktok at ibaba ng pahina, maraming mga tag na "br" na lumilikha ng puwang sa pagitan ng mga teksto. Kailangan naming lumikha ng isang anchor upang mabilis naming tingnan ang teksto sa ibaba.
Upang magawa ito, lumikha ng isang bagong tag - "a" pagkatapos ng inskripsiyong "teksto sa itaas". Sa loob nito nilikha namin ang katangiang "href". Upang gawing mas maginhawa ang anchor, isusulat namin ang "pababa" sa link.
Ngayon tinukoy namin ang halagang "#yakor" sa katangian - ito ay magiging isang link sa pangalan ng anchor.
Ang unang bahagi ng anchor - ang link dito - ay handa na. Ngayon ang natira lamang ay upang likhain ang angkla mismo. Dumadaan kami sa nais na bahagi ng pahina. Sa kasong ito, ito ay "teksto sa ilalim". Dahil ito ay simpleng teksto nang walang tag, kailangan namin itong likhain. Upang magawa ito, isara ang teksto sa isang "talata" - tag "p".
Sa tag na ito lilikha kami ng katangiang "id" at ipinasok dito ang halagang "yakor". Ang halagang "yakor" ay tumutugma sa pangalan ng angkla na tinukoy sa link.
Ngayon ang aming anchor ay gumagana tulad ng nararapat.
