Водич за почетници за линкови на HTML5

Користење на линкови на засегнати страни за време на развојот

Речиси секој веб-дизајнер создаде линкови за заднина во исто време или за време на дизајнирањето и изградбата на веб-страница. Пред HTML5, би напишале:

како задникот. И јас испративме локации за макети на клиенти со оние застапници само за да ме прашаат клиентот "зошто линковите во текстот не работат?"

Проблемот со користење на hashtag (#) како линк врска за место е дека врската е кликарана, а тоа може да предизвика конфузија за вашите клиенти. И, ако некој заборави да ги ажурира со точни адреси, тие врски можат да се појават скршени на сајтот во живо, бидејќи тие не врзани кон ништо.

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

Користење линкови на места во живо

Но, линковите на засегнатите страни имаат место во веб-дизајнот за повеќе од само развој. Едно место каде што врската со задникот може да свети е во навигација. Во многу случаи, списоците за навигација на веб-страници имаат начин да покажат која страница на која сте. Тие често се нарекуваат "вие сте тука" индикатори.

Повеќето сајтови се потпираат на атрибути на идентификација на елементот кој му е потребен маркерот "Вие сте тука", но некои го користат и атрибутот на класата. Сепак, без оглед на атрибутот што го користите, треба да направите еден куп работа на секоја страница со навигација на неа, додавање и отстранување на атрибутот од точните елементи.

Со линк за заштитен знак, можете да ја напишете навигацијата која сакате, а потоа едноставно да го отстраните атрибутот href од соодветната врска кога ќе додадете навигација на страница. Ја чувам целата своја листа за навигација како фрагмент во мојот уредувач, па тоа е само брзо копирање, а потоа избришете го href. Можете исто така да го добиете вашиот CMS да го стори истото.

И покрај додавањето на специјален стил (јас ќе ви покажам како подолу) на врската со задникот, врската не може да се кликне. Па корисниците не се збунети размислување дека тие би можеле да добијат нешто друго, ако тие кликнете на врската за навигација, каде што тие во моментов се.

Линкови за стајлинг стајлинг

Поврзувањата на местата се лесни за стил и стил поинаку од другите линкови на вашата веб-страница. Едноставно не заборавајте да ги стимулирате обележувањето и ознаката: link. На пример:

Овој CSS ќе ги направи заднинските врски задебелени и црвени, без подвлекување. Додека редовните врски ќе бидат со нормална тежина, сина и подвлечена.

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

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