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

Линкови или сидра на веб страницама

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

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

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

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

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

Атрибут хреф означава "хипертекстуалну референцу" и његова сврха је да диктира УРЛ адресу на којој желите да одаберете одређени линк. Без ове информације, веза је бескорисна - то би претраживачу рекло да би требало да се донесе корисник, али не би имала одредишне информације о томе где би то требало да буде "негде". Ова ознака и овај атрибут иде руку под руку.

На пример, да бисте креирали текстуалну везу, упишите:

<а хреф=" УРЛ веб странице да бисте прешли на "> Текст који ће бити веза

Дакле, да бисте се повезали на почетну страницу Абоут.цом Веб Десигн / ХТМЛ, пишете:

<а хреф="хттп://вебдесигн.абоут.цом"> О веб дизајну и ХТМЛ-у

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

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

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

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

Други интересантни типови веза

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

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