Веб беттердегі сілтемелер немесе якорьдер
Веб-сайттар мен байланыс құралдарының басқа нысандары арасындағы негізгі дифференциалдардың бірі «сілтемелер» идеясы немесе гиперсілтемелер, олар техникалық түрде веб-дизайн терминдерінде белгілі.
Вебке бүгінгі күннің қандай болуына көмектесуімен қоса, сілтемелер, суреттер сияқты, веб-беттердегі элементтерді оңай қосады. Нәтижесінде, бұл элементтер оңай қосылады (тек екі негізгі HTML тегтері ) және олар жай ғана мәтіндік беттерге не болмаса толқу мен интерактивтілікке әкелуі мүмкін. Осы мақалада сіз веб-сайт беттеріне сілтеме қосу үшін нақты HTML элементі болып табылатын (якорь) тег туралы біле аласыз.
Сілтемелерді қосу
Сілтеме HTML-дегі якорь деп аталады, сондықтан оны ұсыну үшін тег A тегі болып табылады. Әдетте, адамдар бұл сілтемелерді «сілтемелер» деп атайды, бірақ якорь - кез-келген бетке шынымен қосылады.
Сілтемені қосқан кезде, сілтемесін басқанда немесе сенсорлық экранда (егер олар сенсорлық экранда болса), пайдаланушыларыңыздың баруын қалайтын веб-бет мекенжайына нұсқау қажет. Мұны төлсипатпен көрсетесіз.
Href атрибуты «гипермәтіндік сілтеме» болып табылады және оның мақсаты - нақты сілтеме баратын URL мекен-жайын белгілеу. Бұл ақпаратсыз сілтеме пайдасыз - ол браузерге пайдаланушыға бір жерде әкеліну керектігін айтады, бірақ бұл жерде «кез келген жерде» болуы керек болатын орын туралы ақпарат болмайды. Бұл тег және бұл атрибут қолмен жүреді.
Мысалы, мәтіндік сілтеме жасау үшін сіз жазасыз:
URL мекен-жайы "> Мәтіндік сілтеме болады
Веб-дизайн / HTML басты бетіне сілтеме жасау үшін сіз былай деп жазасыз:
Сіз өзіңіздің HTML бетіңізде, соның ішінде суреттермен байланыстыра аласыз . және тегтерімен байланыстырғыңыз келетін HTML элементтерін немесе элементтерін жай ғана қоршаңыз . Сондай-ақ, толтырғыш сілтемелерін href атрибутынан шығару арқылы жасай аласыз - бірақ тек қайтып оралып, href ақпаратын кейінірек жаңартыңыз немесе сілтеме нақты қол жеткізгенде ештеңе жасамайды.
HTML5 параграфтар мен DIV элементтері сияқты блоктық деңгейдегі элементтерді байланыстыру үшін жарамды етеді. Сіз бөлік немесе анықтамалар тізімі сияқты әлдеқайда үлкен аймақ айналасында жапсырма жапсырмасын қоса аласыз және бүкіл аумақ «басылатын болады» болады. Веб-сайтқа үлкен, саусақпен ыңғайлы хиттер салуға тырысқанда бұл әсіресе пайдалы болуы мүмкін.
Сілтемелерді қосқанда есте сақтауға болатын кейбір нәрселер
- Соңғы тегі талап етіледі . Егер оны қосуды ұмытып қалсаңыз, сол сілтемеден кейінгі барлық нәрсе тегті жауып тастағанша байланыстырылады.
- Көптеген уақыттан бері мәтіннің үлкен блоктарына емес, бірыңғай кескіндерді және қысқа мәтіндік мәтіндерді байланыстыру керек. Сілтемелер оқуға қиын болуы мүмкін бетке түс және астын сызатын мәнерлерді қосуға мүмкіндік береді. Әрине, сіз осы сілтемелердің мәнерлерін өзгерту және түстерді өңдеу немесе астын сызуды жою үшін CSS-ні пайдалана аласыз, бірақ бұл шындықты есте ұстау әлі де жақсы.
- Байланыстарыңызды тексеріп алмаңыз, олар жаман болмайды. Сілтеме тегі екі пайдаланушыны және іздеу жүйелерін сайтты жарамсыз деп есептей алады. Беттеріңіздегі сілтемелерді тексеру үшін сілтемені тексерушіні үнемі пайдаланыңыз. Бұл, әсіресе, үшінші тараптың сайттарына (сіз басқармайтын) сілтеме жасағаныңызда және олардың беттерін бірнеше рет өзгертіп, сізді өлі сілтемелермен қалдыруы мүмкін. Байланыстыру тексергіші осы өлі сілтемелерді таба алады, сондықтан кез келген қажетті жаңартуларды жасай аласыз.
- Сілтемеде «осында басу» сияқты мәтінді болдырмаңыз. Есіңізде болсын, сенсорлы экрандар бар адамдар «басу» мүмкін емес, сондықтан мәтін өткен дәуірдің өнімі сияқты сезіледі және шын мәнінде бүгінгі күні көп құрылғылардың орталықтандырылған веб-торабында маңызды емес.
Басқа қызықты сілтемелер
Элемент басқа құжатқа стандартты сілтеме жасайды, бірақ сізді қызықтыруы мүмкін сілтемелердің басқа түрлері бар:
- Ішкі байланыстар немесе якорьдер - бұл веб-беттегі сілтемелер, міндетті түрде жоғарғы жағы емес.
- Карталар Карталары - суреттердің кескіндері кескіннің нақты бағыттарымен салыстырылған кескіндерге сілтемелер жасауға мүмкіндік береді. Оларды ойындар немесе шығармашылық навигация үшін пайдалануға болады. Сіз карталарды картадан көруге болатын жерлермен жиі көресіз. Сурет карталарының көбі қазіргі заманғы веб-сайттарда пайдаланылмайтындығын ескеріңіз, себебі олар мобильді құрылғыдағы мәселелерді тудыруы мүмкін.
- Element (Элемент) - Бұл элемент басқа құжаттар мен беттерді ағымдағыге байланыстыру үшін пайдаланылады. Ол веб-беттегі басылатын аумақ жасамайды, бірақ түсіну пайдалы.