Agar saytingizdagi maqolalar ro'yxat elementlari o'rtasida qulay o'tishni istasangiz, saytdagi langar juda foydali. Ular sahifani kerakli nuqtaga aylantiradi yoki kerakli sahifani ochadi, bu foydalanuvchiga kerakli ma'lumotlarni tezda topishda yordam beradi.
Agar siz o'zingizning saytingizni yozayotgan bo'lsangiz, saytingiz navigatsiyasini qanday qilib qulayroq qilish haqida o'ylashingiz kerak edi. Shunday qilib, foydalanuvchi o'zingizga kerak bo'lgan ma'lumotni saytingizning barcha sahifalari orasida izlashi shart emasligi uchun eng yaxshisi "langar" texnikasini qo'llang. Bu sizning saytingizning istalgan joyidagi har qanday ma'lumot yoki hujjat uchun havolani yaratadi.
Nazariya
Ankrajni yaratish uchun sizga ikkita element kerak:
- Bizning langarga bog'lanishni ko'rsatadigan kodning bir qismi saytning boshqa qismida qoldirilgan.
- Identifikator ko'rsatilishi mumkin bo'lgan kodning har qanday qismi bizning langarimizdir.
Avval siz langarning birinchi qismini - unga havolani yaratishingiz kerak. Ankraj havolasi ikki qismdan iborat: sahifa havolasi va anker havolasi.
- "A" yorlig'i yoki "href" atributini qo'llab-quvvatlaydigan boshqa yorliq yarating
- Ushbu tegda "href" atributini yarating
- Atribut qiymatida sayt sahifasiga havolani ko'rsating.
- Havoladan keyin "#" belgisi va langar uchun har qanday nom yordamida langarga havolani ko'rsating (birgalikda yozilgan, masalan: "#anchor")
Agar siz 3-bandni o'tkazib yuborsangiz va sayt sahifasiga havolani ko'rsatmasangiz, langar joriy sahifada qidiriladi. Ya'ni, agar siz o'sha sahifada joylashgan langarga havola yaratmoqchi bo'lsangiz, sahifaning o'ziga havolani qoldirib qo'yishingiz mumkin.
Anchorning ikkinchi qismini - identifikatorni yaratish qoladi. Bu id atributini qo'llab-quvvatlaydigan sayt kodidagi har qanday tegga ishora qiladi. Ankraj yaratish uchun sizga quyidagilar kerak:
- Kerakli tegda "id" atributini yarating.
- "Id" atributida oldingi bosqichda ko'rsatilgan langar nomining qiymatini ko'rsating. (misol:)
Ushbu ikki bosqichdan so'ng saytda ko'rsatilgan langarga olib boradigan havola paydo bo'ladi.
Amaliyot
Keling, aniq bir misol yordamida langarni qanday yaratishni ko'rib chiqaylik.
Bizda shunday sodda sahifa mavjud:
Sahifaning yuqori va pastki qismlarida bizda matnlar, bo'sh joy yaratadigan ko'plab "br" teglari mavjud. Pastda joylashgan matnni tezda ko'rib chiqishimiz uchun biz langarni yaratishimiz kerak.
Buning uchun "yuqori qismidagi matn" yozuvidan keyin yangi yorliq - "a" yarating. Unda biz "href" atributini yaratamiz. Ankrajni yanada qulayroq qilish uchun biz havolada "pastga" yozamiz.
Endi biz atributda "#yakor" qiymatini belgilaymiz - bu langar nomiga havola bo'ladi.
Anchorning birinchi qismi - unga havola - tayyor. Endi langarni o'zi yaratishgina qoladi. Biz sahifaning kerakli qismiga o'tamiz. Bunday holda, bu "pastki qismdagi matn" dir. Bu yorliqsiz oddiy matn bo'lgani uchun uni yaratishimiz kerak. Buning uchun matnni "paragraf" - "p" yorlig'iga qo'ying.
Ushbu tegda biz "id" atributini yaratamiz va unga "yakor" qiymatini kiritamiz. "Yakor" qiymati havolada ko'rsatilgan langar nomiga mos keladi.
Endi bizning langarimiz kerak bo'lganda ishlaydi.