Эгерде сиз өз сайтыңыздагы макалалардын тизме пункттарынын ортосунда ыңгайлуу өткөөл болушун кааласаңыз, анда сайттагы казык абдан пайдалуу. Алар баракчаны керектүү чекитке бурушат же керектүү баракты ачышат, колдонуучуга керектүү маалыматты тез табууга жардам беришет.
Эгер сиз өзүңүздүн сайтыңызды жазып жатсаңыз, анда сиздин сайтка навигацияны кантип ыңгайлуураак кылуу керектиги жөнүндө ойлонушуңуз керек эле. Колдонуучу өзүңүзгө керектүү маалыматты сайтыңыздын бардык баракчаларынан издөөнүн кажети жок болгондуктан, эң жакшысы "казык" ыкмасын колдонуңуз. Бул сиздин сайтка каалаган маалыматка же документке шилтеме түзүп берет.
Теория
Анкерди түзүү үчүн эки элемент керек:
- Биздин казыкка шилтемени көрсөткөн коддун бөлүгү, сайттын башка бөлүгүндө калган.
- Идентификатор көрсөтүлө турган коддун каалаган бөлүгү биздин казык болуп саналат.
Алгач сиз казыктын биринчи бөлүгүн - ага шилтемени түзүшүңүз керек. Анкердик шилтеме эки бөлүктөн турат: барак шилтемеси жана анкердик шилтеме.
- "A" тэгин же "href" атрибутун колдогон башка тегди түзүңүз
- Бул тегде "href" атрибутун түзүңүз
- Сайттын барагына шилтемени атрибут маанисинде көрсөтүңүз.
- Шилтемеден кийин, "#" белгисин жана анкердин каалаган атын колдонуп, казыкка шилтемени көрсөтүңүз (чогуу жазылган, мисалы: "#anchor")
Эгерде сиз 3-пунктту өткөрүп жиберсеңиз жана сайттын барагына шилтеме көрсөтпөсөңүз, анда казык учурдагы барактан изделет. Башкача айтканда, бир эле баракта жайгашкан анкерге шилтеме түзгүңүз келсе, баракчанын өзүнө шилтемени таштап койсоңуз болот.
Анкердин экинчи бөлүгүн - идентификаторду түзүү кала берет. Бул id атрибутун колдогон сайттын кодундагы каалаган тегге билдирет. Анкерди түзүү үчүн төмөнкүлөр керек:
- Керектүү тегде "id" атрибутун түзүңүз.
- "Id" атрибутунда мурунку кадамда көрсөтүлгөн якордук аталыштын маанисин көрсөтүңүз. (мисал:)
Ушул эки кадамдан кийин, сайтта көрсөтүлгөн казыкка алып баруучу шилтеме пайда болот.
Practice
Келгиле, конкреттүү мисалды колдонуп якорьду кантип жасоону карап көрөлү.
Бизде мындай жөнөкөй баракча бар:
Бизде барактын өйдө жана ылдый жагында тексттер, тексттер ортосунда боштук жараткан "br" тегдери көп. Ылдый жагындагы текстти тез карап чыгышыбыз үчүн, биз казыкты жаратышыбыз керек.
Бул үчүн, "жогору жактагы текст" деген жазуудан кийин жаңы а - "а" белгисин түзүңүз. Анда биз "href" атрибутун түзөбүз. Анкерди ыңгайлуураак кылуу үчүн, шилтемеге "жазып" коебуз.
Эми атрибутта "# якор" маанисин көрсөтөбүз - бул казыктын атына шилтеме болот.
Анкердин биринчи бөлүгү - ага шилтеме - даяр. Эми казыкты өзү гана жаратуу калды. Биз баракчанын каалаган бөлүгүнө өткөрүп беребиз. Бул учурда, ал "түбүндө текст" болуп саналат. Бул тегсиз жөнөкөй текст болгондуктан, биз аны түзүшүбүз керек. Ал үчүн текстти "абзацка" - "p" тегине тиркеңиз.
Бул тегде биз "id" атрибутун түзүп, ага "yakor" маанисин киргизебиз. "Якор" мааниси шилтемеде көрсөтүлгөн якордук аталышка дал келет.
Азыр биздин казык талаптагыдай иштеп жатат.
