Додавање веза до веб страница

Један од примарних разлика између веб страница и других облика комуникационих медија је идеја о „везама“, или хипервезе као што су технички познати у терминима веб дизајна.

Поред тога што помажу да веб постане такав какав је данас, везе, као и слике, лако су и најчешће додавање ствари на веб странице. Срећом, ове ставке је лако додати (само две основне ХТМЛ ознаке) и могу да унесу узбуђење и интерактивност на оно што би иначе биле странице са обичним текстом. У овом чланку ћете сазнати више о тачки (сидришту) која је стварна ХТМЛ елемент користи се за додавање веза до страница веб страница.

Додавање веза

Линк се у ХТМЛ-у назива сидро, па је ознака која га представља А ознака. Обично људи ове додатке једноставно називају „везама“, али сидро је оно што се заправо додаје на било коју страницу.

Када додате везу, морате да покажете на адреса веб странице на коју желите да корисници иду када кликну или додирну (ако су на додирном екрану) ту везу. Ово специфицирате са атрибутом.

Тхе хреф

instagram viewer
атрибут је скраћеница од „референца хипертекста“ и његова сврха је да диктира УРЛ адресу на коју желите да иде та посебна веза. Без ових информација, веза је бескорисна јер би претраживачу рекла да треба довести корисника негде, али не би имао доступне информације о одредишту тамо где би то „негде“ требало бити. Ова ознака и овај атрибут иду руку под руку.

На својој ХТМЛ страници можете повезати скоро све, укључујући слике. Једноставно окружите ХТМЛ елементе или елементе којима желите да будете веза са и ознакама. Такође можете да креирате везе резервираних места изостављањем хреф атрибут - али само се побрините да се вратите и ажурирате хреф информације касније или веза заправо неће учинити ништа када јој се приступи.

ХТМЛ5 чини валидним повезивање елемената на нивоу блока попут пасуса и ДИВ елементи. Ознаку сидра можете додати око много веће површине, попут поделе или листе дефиниција, и читава та област ће бити „кликљива“. Ово може бити посебно корисно када покушавате да направите већа, погодна подручја за прсте на веб локацији.

Неке ствари које треба запамтити приликом додавања веза

  • Коначна ознака је потребан. Ако заборавите да га укључите, биће повезано и све што следи ту везу, све док друга веза не затвори ознаку.
  • Већину времена најбоље је повезивати појединачне слике и кратке распоне текста, а не велике блокове текста. Везе могу додати боје и подвући стилове на вашу страницу који је тешко прочитати. Наравно, можете да користите ЦСС за промену ових стилова веза и уређивање боја или уклањање подвучених црта, али свеједно је добро имати на уму ову стварност.
  • Обавезно проверите своје везе како не би поквариле. Линк Рот може и кориснике и претраживаче сматрати да је ваша веб локација неважећа. Редовно користите алатку за проверу веза да бисте верификовали везе на својим страницама. Ово је посебно тачно када повезујете странице са независним веб локацијама (оне којима не управљате) и које могу прекратити њихове странице, остављајући вам мртве везе. Провера везе ће пронаћи ове мртве везе, тако да можете извршити потребна ажурирања.
  • Избегавајте текст попут „кликните овде“ у својој вези. Запамтите, људи са додирним екранима не могу да „кликну“, тако да се тај текст осећа као производ прошле ере и заиста није релевантан у данашњој мрежи усмереној на више уређаја.

Остале занимљиве врсте веза

Тхе А. елемент ствара стандардну везу до другог документа, али постоје и друге врсте веза које би вас могле занимати:

  • Интерне везе или сидра: Ово су везе до негде унутар веб странице, не нужно до врха.
  • Мапе слика: Мапе слика омогућавају стварање веза на сликама које се пресликавају на одређена подручја слике. Они се могу користити за игре или креативну навигацију. Често их видите са мапама на којима се може кликнути на подручја на мапи. Имајте на уму да се мапе слика не користе на већини савремених веб локација, делимично зато што могу да направе проблеме на мобилним уређајима.
  • Елемент: Овај елемент се користи за повезивање осталих докумената и страница са тренутним. Неће створити подручје на које можете кликнути на вашој веб страници, али корисно је разумети.