Хэрэв та сайтынхаа нийтлэлүүдийг жагсаалтын зүйлүүдийн хооронд тохиромжтой шилжилт хийхийг хүсч байвал сайтын зангуу нь маш их хэрэгтэй байдаг. Тэд хуудсыг хүссэн цэг рүүгээ эргүүлж эсвэл хүссэн хуудсаа нээж, хэрэглэгчид шаардлагатай мэдээллээ хурдан олоход нь тусалдаг.
Хэрэв та өөрийн сайтыг бичиж байгаа бол сайтынхаа навигацийг хэрхэн илүү тохь тухтай болгох талаар бодож үзсэн байх ёстой. Хэрэглэгч танай сайтын бүх хуудсуудаас шаардлагатай мэдээллээ хайх шаардлагагүй тул "зангуу" техникийг ашиглах нь зүйтэй. Энэ нь таны сайтын хаана ч байсан аливаа мэдээлэл, баримт бичигт холбоос үүсгэх болно.
Онол
Зангуу үүсгэхийн тулд танд хоёр элемент хэрэгтэй:
- Манай зангуутай холбоосыг зааж өгсөн кодын хэсэг нь сайтын өөр хэсэгт үлдсэн байна.
- Тодорхойлогчийг зааж өгч болох кодын аль ч хэсэг нь бидний зангуу юм.
Эхлээд та зангууны эхний хэсгийг бий болгох хэрэгтэй. Зангууны холбоос нь хуудасны холбоос ба зангууны холбоос гэсэн хоёр хэсэгтэй.
- "A" шошго эсвэл "href" шинж чанарыг дэмждэг бусад шошгыг үүсгээрэй
- Энэ тэмдэглэгээнд "href" шинж чанарыг бий болгоно
- Сайтын хуудасны холбоосыг шинж чанарын утгад зааж өгнө үү.
- Холбоосын дараа "#" тэмдэг ба зангууны нэрийг дурдсан нэрийг ашиглан зангуугаа холбоно уу (хамт бичсэн, жишээлбэл: "#anchor")
Хэрэв та 3-р цэгийг алгасаад сайтын хуудасны холбоосыг заагаагүй бол зангууг одоогийн хуудсан дээрээс хайж олох болно. Өөрөөр хэлбэл, хэрэв та ижил хуудсан дээр байрлах зангуутай холбоос үүсгэхийг хүсвэл хуудасны холбоосыг өөрөө орхиж болно.
Энэ нь зангууны хоёр дахь хэсгийг бий болгох хэвээр байна. Энэ нь id шинж чанарыг дэмждэг сайтын код дээрх аливаа шошгыг хэлнэ. Зангуу үүсгэхийн тулд танд дараахь зүйлс хэрэгтэй.
- Шаардлагатай шошгонд "id" шинж чанарыг үүсгээрэй.
- "Id" шинж чанар дээр өмнөх алхам дээр заасан зангууны нэрний утгыг зааж өгнө. (жишээ нь:)
Эдгээр хоёр алхамыг хийсний дараа сайт дээр таныг тодорхой зангуу руу хүргэх холбоос гарч ирнэ.
Дадлага хий
Тодорхой жишээг ашиглан зангуу хэрхэн яаж үүсгэхийг авч үзье.
Бидэнд ийм энгийн хуудас байна:
Бидэнд хуудасны дээд ба доод хэсэгт текстүүд хоорондох зайг үүсгэдэг олон тооны "br" хаягууд байдаг. Бид зангуугаа үүсгэх хэрэгтэй бөгөөд ингэснээр бид доорх текстийг хурдан харах боломжтой болно.
Үүнийг хийхийн тулд "дээд талд текст" гэсэн бичээсний дараа "а" гэсэн шинэ шошго үүсгэнэ үү. Үүнд бид "href" шинж чанарыг бий болгодог. Зангууг илүү тохиромжтой болгохын тулд бид холбоос дээр "доош" бичих болно.
Одоо бид шинж чанар дахь "#yakor" утгыг зааж өгсөн - энэ нь зангууны нэрний холбоос байх болно.
Зангууны эхний хэсэг - түүнтэй холбогдох холбоос бэлэн боллоо. Одоо зангууг өөрөө бий болгох л үлдлээ. Бид хуудасны хүссэн хэсгийг дамжуулдаг. Энэ тохиолдолд энэ нь "доод талд байгаа текст" болно. Энэ нь шошгогүй энгийн текст тул бид үүнийг үүсгэх хэрэгтэй. Үүнийг хийхийн тулд текстийг "догол мөр" - "p" хаягаар хавсаргана уу.
Энэ тэмдэглэгээнд бид "id" шинж чанарыг үүсгэж, түүнд "yakor" утгыг оруулна. "Якор" утга нь холбоос дээр заасан зангууны нэртэй тохирч байна.
Одоо манай зангуу зохих ёсоор ажиллаж байна.
