Сврха ХТМЛ резервираних веза

click fraud protection

Све док ХТМЛ5 је објављен, ознака га захтева атрибут: хреф. Али, ХТМЛ5 чак и тај атрибут чини опционим. Када напишете ознаку без икаквих атрибута, она се назива резервирано место.

Веза чувара места изгледа овако:

Претходна

Коришћење веза чувара места током развоја

Готово сваки веб дизајнер је истовремено створио везе до резервираних места дизајнирање и израда веб странице. Пре ХТМЛ5, програмер би написао следеће као резервирано место:

текст везе

Проблем са коришћењем а хаштег (#) пошто је резервирано место да се на њега може кликнути, а то може изазвати забуну код ваших клијената. А ако програмер заборави да их ажурира тачним УРЛ-овима, те везе ће једноставно приказати исту страницу на којој је корисник ако се на њу кликне.

Уместо тога, требали бисте почети да користите ознаке без икаквих атрибута. Можете их обликовати тако да изгледају као било који други линкови на вашој страници, али на њих неће бити могуће кликнути, јер су то само чувари места.

Коришћење веза чувара места на веб локацијама уживо

instagram viewer

Везе чувара места имају место у веб дизајну и више него само развој. Једно место које веза чувара места може да засија је у навигационим елементима. У многим случајевима, листе за навигацију на веб локацији имају неки начин да назначе на којој сте страници. То се често називају показатељи „ви сте овде“.

Већина сајтова се ослања на атрибути ид на елементу коме је потребан маркер „ви сте овде“, али неки користе и атрибут класе. Међутим, без обзира на атрибут који користите, потребно је да направите пуно додатног посла на свакој страници на којој се налази навигација, додајући и уклањајући атрибут из исправних елемената.

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

Стилизовање веза чувара места

Везе до чувара места лако је обликовати и обликовати другачије од осталих веза на вашој веб страници. Једноставно будите сигурни да сте обликовали и ознаку и ознаку а: линк. На пример:

а {
боја црвена;
фонт-веигхт: болд;
декорација текста: ниједна;
}
линк {
боја: плава;
фонт-веигхт: нормал;
декорација текста: подвлачење;
}

Ово ЦСС везе резервираних места учиниће подебљаним и црвеним, без подвлачења. Редовни линкови ће бити нормалне тежине, плави и подвучени.

Не заборавите да ресетујете било који стилова не желите да вас преносе са ознаке. На пример, тежина фонта је подешена на подебљано за везе резервираних места, тако да ћете за стандардне везе морати да подесите на:

фонт-веигхт: нормал;

Исто важи и за декорација текста. Уклањањем помоћу селектора, он би био уклоњен за селектор а: линк да га нисмо вратили.

instagram story viewer