Егер сіз өзіңіздің сайтыңыздағы мақалалардың тізім элементтері арасында ыңғайлы ауысуын қаласаңыз, сайттағы якорь өте пайдалы. Олар парақты қажетті нүктеге бұрады немесе қажетті бетті ашады, бұл пайдаланушыға қажет ақпаратты жылдам табуға көмектеседі.
Егер сіз өзіңіздің сайтыңызды жазып жатсаңыз, онда сіз өзіңіздің сайтыңыздың навигациясын неғұрлым ыңғайлы ету туралы ойлануыңыз керек еді. Сіздің сайтыңыздың барлық беттерінен пайдаланушы өзіне қажет ақпаратты іздеуі қажет болмауы үшін, ең жақсысы «якорь» техникасын қолданған жөн. Ол сіздің сайтыңыздың кез-келген жерінде кез-келген ақпаратқа немесе құжатқа сілтеме жасайды.
Теория
Зәкірді жасау үшін сізге екі элемент қажет:
- Біздің якорьге сілтемені көрсететін кодтың бөлігі сайттың басқа бөлігінде қалдырылған.
- Идентификаторды көрсетуге болатын кодтың кез-келген бөлігі біздің анкеріміз болып табылады.
Алдымен сіз якорьдің бірінші бөлігін жасауыңыз керек - оған сілтеме. Зәкірлік сілтеме екі бөлімнен тұрады: бет сілтемесі және якорь сілтемесі.
- «Href» төлсипатын қолдайтын «a» тегін немесе кез-келген басқа тег жасаңыз
- Бұл тегте «href» атрибутын жасаңыз
- Атрибут мәнінде сайт бетіне сілтемені көрсетіңіз.
- Сілтемеден кейін «#» таңбасы мен зәкірдің кез-келген атауын қолданып якорь сілтемесін көрсетіңіз (бірге жазылады, мысалы: «#anchor»)
Егер сіз 3-тармақты өткізіп жіберіп, сайт бетіне сілтеме көрсетпесеңіз, онда зәкір ағымдағы беттен ізделінеді. Яғни, егер сіз бір бетте орналасқан якорьге сілтеме жасағыңыз келсе, парақтың өзіне сілтемені жіберіп аласыз.
Зәкірдің екінші бөлігін - идентификаторды құру қалады. Бұл id атрибутын қолдайтын торап кодындағы кез келген тегке қатысты. Зәкір жасау үшін сізге қажет:
- Қажетті тегте «id» атрибутын жасаңыз.
- «Id» төлсипатында алдыңғы қадамда көрсетілген якорь атауының мәнін көрсетіңіз. (мысал:)
Осы екі қадамнан кейін сайтта сізді көрсетілген зәкірге апаратын сілтеме пайда болады.
Тәжірибе
Нақты мысалды қолданып якорьді қалай жасау керектігін қарастырайық.
Бізде осындай қарапайым парақ бар:
Бізде парақтың үстіңгі және астыңғы жағында мәтіндер бар, мәтіндер арасында кеңістік тудыратын көптеген «br» тегтері бар. Төмендегі мәтінге жылдам қарау үшін біз якорь жасауымыз керек.
Ол үшін «жоғарғы жағындағы мәтін» деген жазудан кейін жаңа тег - «а» жасаңыз. Онда біз «href» атрибутын жасаймыз. Зәкірді ыңғайлы ету үшін сілтемеге «жазып» қоямыз.
Енді атрибутта «# якор» мәнін көрсетеміз - бұл якорь атауына сілтеме болады.
Зәкірдің бірінші бөлігі - оған сілтеме дайын. Енді зәкірді өзі жасау ғана қалады. Біз парақтың қажетті бөлігіне өтеміз. Бұл жағдайда бұл «төменгі жағындағы мәтін». Бұл тегсіз қарапайым мәтін болғандықтан, оны жасауымыз керек. Ол үшін мәтінді «абзацқа» - «p» тегіне қосыңыз.
Бұл тегте біз «id» атрибутын құрамыз және оған «якор» мәнін енгіземіз. «Якор» мәні сілтемеде көрсетілген якорь атына сәйкес келеді.
Қазір біздің зәкіріміз қажеті бойынша жұмыс істеп жатыр.
