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