Шта су ХТМЛ5 Линкови за кориснике?
идУп до ХТМЛ5, ознака је захтевала један атрибут: хреф. Али ХТМЛ5 чини чак и тај атрибут опционалним. Када напишете ознаку без икаквих атрибута, она се зове везица места.
Везица места изгледа овако:
<а> ПретходниКоришћење везних места у току развоја
Готово сваки веб дизајнер је у исто време или током другог дизајнирао и повезивао мапе места док је дизајнирао и дизајнирао веб страницу. Прије ХТМЛ5, писали бисмо:
<а хреф="#"> текст линкакао место чувара. И послала сам сајтове за моцкуп клијентима са тим корисницима само да ме клијент пита "зашто везе у тексту не функционишу?"
Проблем са коришћењем хасхтага (#) као линк-а јесте то што је линк кликнут и то може довести до забуне за ваше клијенте. И, ако неко заборави да их ажурира са исправним УРЛ-има, те везе се могу појавити сломљене на живом сајту јер не повезују ни са чим.
Уместо тога, требало би почети користити ознаке без атрибута. Можете их обликовати тако да изгледају као било који други линк на вашој страници, али они неће бити кликнути, јер су само заглавља.
Користећи линкове на страницама
Али линкови места имају место у веб дизајну више него само развој. Једно место на коме се може повезати свијетло налази се у навигацији. У многим случајевима, навигационе листе на вебу имају неки начин приказивања на којој сте страни. Ови се често називају индикатори "ви сте овде".
Већина локација се ослања на атрибуте ид на елементу којем је потребан маркер "ви сте овде", али неки користе и атрибут класе. Међутим, било који атрибут који користите, потребно је урадити гомилу посла на свакој страници која има навигацију на њој, додајући и уклањајући атрибут из исправних елемената.
Са везом места, можете написати своју навигацију коју желите, а затим једноставно уклоните атрибут хреф са одговарајуће везе када додате навигацију на страницу. Ја читаву листу пловидбе чувам као фрагмент у свом уређивачу, тако да је то само брза копија и онда избришите хреф. Такође можете добити свој ЦМС да уради исту ствар.
Осим додавања посебног стила (показат ћу вам како доље) до линка за мјесто, веза се не може кликнути. Тако се клијенти не збуњују мислећи да могу добити нешто друго ако кликну на навигацијску везу у којој су тренутно.
Линкови стајалишта
Линкови места је лако стајати и стајати другачије од других линкова на вашој веб страници. Једноставно обавезно стави и ознаку и ознаку а: линк. На пример:
а {боја: црвена; фонт-веигхт: болд; текст-декорација: нема; } а: линк {цолор: блуе; фонт-веигхт: нормал; текст-декорација: подвлачи; }Овај ЦСС ће учинити болдове и црвене везе без икаквих нагласака. Док ће регуларне везе бити нормалне тежине, плаве и подвучене.
Не заборавите да ресетујете све стилове које не желите да се преносе са ознаке. На пример, ја сам поставио тезину фонта колдираним за линкове места, тако да сам морао да је подесите на:
фонт-веигхт: нормал;за стандардне везе. Исто важи и за текстуалну декорацију, уклањајући је селекционером, биће уклоњен за а: линк селектор ако га нисам вратио.