Един от основните разграничители между уеб сайтове и други форми на комуникационни медии е идеята за "връзки" или хипервръзки, тъй като те са технически познати в термините за уеб дизайн.
Освен че помага да се направи мрежата това, което е днес, връзките, както и изображенията, са най-често добавените неща в уеб страниците. За щастие, тези елементи са лесни за добавяне (само два основни HTML тагове) и те могат да донесат възбуда и интерактивност към онези, които иначе биха били обикновени текстови страници. В тази статия ще научите за маркера (котва), който е действителният HTML елемент, използван за добавяне на връзки към страниците на уебсайта.
Добавяне на връзки
Връзката се нарича котва в HTML, така че маркерът, който да я представя, е маркер А. Обикновено хората просто се отнасят към тези допълнения като "връзки", но котвата е това, което всъщност се добавя към всяка страница.
Когато добавите връзка, трябва да посочите адреса на уеб страницата, към който искате да отидат потребителите, когато кликнат или докосват (ако са на сензорен екран), които се свързват. Вие определяте това с атрибута.
Най- HREF атрибутът означава "хипертекст" и целта й е да диктува URL адреса, на който искате да отиде тази конкретна връзка. Без тази информация връзката е безполезна - ще каже на браузъра, че потребителят трябва да бъде донесен някъде, но няма да разполага с информация за местоназначението, където да е "някъде". Този маркер и този атрибут вървят ръка за ръка.
Например, за да създадете текстова връзка, напишете:
Текст, който ще бъде връзката
Така че, за да се свържете с началната страница на webdesign-bg.com, пишете:
LifeWire
Можете да свържете почти всичко във вашата HTML страница, включително изображения. Просто заобикаляйте HTML елементите или елементите, които искате да бъде връзка с
и тагове. Можете също така да създадете връзки със заместители, като изключите HREF атрибут - но просто не забравяйте да се върнете и да актуализирате информацията за href по-късно, или връзката няма да всъщност прави нищо при достъп.
HTML5 го прави валиден за свързване на елементи на ниво блок като параграфите и DIV елементи. Можете да добавите маркер за закотвяне около много по-голяма площ, като списък с разделяне или дефиниция, и цялата тази област ще бъде "кликван". Това може да бъде особено полезно, когато се опитвате да създадете по-големи, удобни за пръстови отпечатъци зони на уебсайт.
Някои неща, които трябва да запомните, когато добавяте връзки
- Финалът маркер е длъжен, Ако забравите да я включите, всичко, следващо тази връзка, също ще бъде свързано, докато друга връзка не затвори маркера.
- Повечето време е най-добре да свързвате единични изображения и кратки текстове, вместо големи блокове от текст. Връзките могат да добавят цветове и подчертават стиловете на страницата ви, които могат да бъдат трудни за четене. Разбира се, можете да използвате CSS, за да промените тези стилове на връзки и да редактирате цветовете или да премахнете подчертаванията, но все пак е добре да сте наясно с тази реалност.
- Уверете се, че сте проверили връзките си така, че да не се развалят. Link Link може да накара потребителите и търсачките да считат сайта ви за невалиден. Използвайте периодично контрола на връзките, за да проверите връзките на страниците си. Това е особено вярно, когато се свържете със сайтове на трети страни (такива, които не управлявате) и които могат да променят страниците си повторно, като ви оставят мъртви връзки. Проверка на връзки ще намерите тези мъртви връзки, за да можете да правите необходимите актуализации.
- Избягвайте текста като "кликнете тук" във връзката си. Не забравяйте, че хората със сензорни екрани не могат да "кликнат", така че текстът да се чувства като продукт от миналата ера и наистина не е релевантен в днешната многоцентрова централна мрежа.
Други интересни типове връзки
Най- А елемент създава стандартна връзка към друг документ, но има и други видове връзки, от които може да се интересувате:
- Вътрешни връзки или котви - Това са връзки към някъде в дадена уеб страница, а не непременно в началото.
- Карти с изображения - Карти с изображения позволяват да се създават връзки към изображения, които са изобразени в конкретни области на изображението. Те могат да се използват за игри или за навигация с рекламни послания. Често ги виждате с карти, в които могат да се кликат области от картата. Имайте предвид, че картите с изображения не се използват на повечето съвременни уеб сайтове, отчасти защото те могат да причинят проблеми на мобилното устройство.
- Елементът - Този елемент се използва за свързване на други документи и страници с текущия. Тя няма да създаде зона, която може да се кликва върху вашата уеб страница, но е полезно да я разберете.
