Skip to main content

Сврха линкова ХТМЛ-а

Anonim

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

Везица места изгледа овако:

Претходна

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

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

линк текст

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

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

Користећи линкове на страницама

Линкови места имају место у веб дизајну више него само развој. Једно место на коме се може сјајати место у навигационим елементима. У многим случајевима, навигационе листе на вебу имају неки начин приказивања на којој сте страни. Ови се често називају индикатори "ви сте овде".

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

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

Линкови стајалишта

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

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

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

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

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

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