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