Линкови или сидра на веб-страници
Една од примарните диференцијатори помеѓу веб-сајтовите и другите форми на комуникациски медиуми е идејата за "врски" или хиперлинкови, бидејќи тие се технички познати во смисла на веб дизајн.
Во прилог на помагање да се направи на веб она што е денес, линкови, како и слики, лесно се најчесто додавајќи работи на веб-страници. Thanfully, овие елементи се лесно да се додадат (само две основни HTML тагови ) и тие можат да донесат возбуда и интерактивност на она што инаку би биле обични текстуални страници. Во овој напис, ќе дознаете за (сидро) ознака, што е вистински HTML елемент користите за да додадете линкови до страниците на веб страната.
Додавање на врски
Линк се нарекува сидро во HTML, и така тагот што го претставува е ознака А. Најчесто, луѓето едноставно се однесуваат на овие додатоци како "врски", но сидро е она што всушност се додава на било која страница.
Кога ќе додадете врска, мора да посочиш на адресата на веб-страница која сакате вашите корисници да одат кога ќе кликнат или допрете (ако се наоѓаат на екран на допир) што го поврзуваат. Вие го наведете ова со атрибутот.
Атрибутот href значи "хипертекстна референца" и нејзината цел е да ја диктира URL адресата каде што сакате да оди на одредена врска. Без овие информации, врската е бескорисна - му кажува на прелистувачот дека корисникот треба да се донесе некаде, но нема да има информации за дестинацијата за тоа каде треба да биде "некаде". Оваа ознака и овој атрибут одат рака под рака.
На пример, за да креирате текстуална врска, пишувате:
URL на веб-страницата за да отидете на "> Текст што ќе биде врската a>
Така да се поврзете со веб-страницата за веб дизајн / HTML About.com, пишувате:
Можете да поврзете скоро нешто на вашата HTML страница, вклучувајќи слики . Едноставно опкружувајте ги HTML-елементите или елементите што сакате да ги поврзете со ознаките и a> . Можете исто така да креирате врски со заднина, оставајќи го атрибутот href - но едноставно не заборавајте да се вратите назад и да ги ажурирате информациите за href подоцна или врската нема да направи ништо при пристапот.
HTML5 го прави валидно за да ги поврзе елементите на блок-ниво како параграфи и елементи на DIV . Можете да додадете ознака за сидро околу многу поголема површина, како што е листа на поделба или дефиниција, и дека целата област ќе биде "кликање". Ова може да биде особено корисно кога се обидувате да создадете поголеми, погодни за прст погодени области на веб-страница.
Некои работи што треба да се запаметат при додавање на врски
- Потребна е конечна ознака на < . Ако заборавите да го вклучите, сè што следува по таа врска исто така ќе биде поврзано, додека друг линк не ја затвора тагот.
- Поголемиот дел од времето, најдобро е да ги поврзете единствените слики и кратки споеви на текст, наместо големи блокови на текст. Линкот може да додаде бои и да нагласува стилови на вашата страница што може да биде тешко да се прочита. Се разбира, можете да го користите CSS за да ги промените овие стилови на линкови и да ги менувате боите или да отстраните подвлекува, но сепак е добро да се потсетиме на оваа реалност.
- Осигурајте се да ги проверите вашите линкови за да не одат лошо. Врската Rot може да ги направи и корисниците и пребарувачите да сметаат дека вашиот сајт е неважечки. Користете проверка на линкови редовно за да ги потврдите врските на вашите страници. Ова е особено точно кога се поврзувате со страници на трети страни (оние кои не ги управувате) и кои можат да ги менуваат нивните страници преку пати, оставајќи ги со мртви врски. Проверка на врската ќе ги пронајде овие мртви врски за да можете да ги направите сите потребни ажурирања.
- Избегнете текстот како "кликнете овде" во вашиот линк. Запомнете, луѓето со екран на допир не можат да "кликнат", така што текстот се чувствува како производ од минатото време и навистина не е релевантен на денешниот мулти-уред оддалечен Веб.
Други интересни типови на врски
Елементот создава стандардна врска со друг документ, но има и други видови на врски кои би можеле да ве интересираат:
- Внатрешни врски или сидра - тие се врски до некаде во рамките на веб-страница, не мора да се на врвот.
- Мапи на слики - Мапи на слики дозволуваат да креираат линкови на слики што се мапирани во одредени области на сликата. Овие може да се користат за игри или креативна навигација. Често ги гледате со мапи каде што областите на мапата се кликаат. Забележете дека сликите мапи не се користат на повеќето модерни веб-сајтови, делумно затоа што тие можат да предизвикаат проблеми на мобилен уред.
- Element-This елемент се користи за поврзување на други документи и страници со тековната. Тоа нема да создаде област за кликање на вашата веб-страница, но корисно е да се разбере.