До HTML5 е пуснат, маркерът е изисквал такъв атрибут: href. Но HTML5 прави дори този атрибут незадължителен. Когато напишете маркера без никакви атрибути, той се нарича резервна връзка.
Връзката с заместител изглежда така:
Предишен
Използване на връзки с резервни части по време на разработка
Почти всеки уеб дизайнер е създал връзки за запазени места по едно или друго време проектиране и изграждане на уеб сайт. Преди HTML5 програмист ще напише следното като заместител:
текст на връзката
Проблемът с използването на hashtag (#) като резервна връзка е, че връзката може да се кликне и това може да доведе до объркване за вашите клиенти. И ако разработчикът забрави да ги актуализира с правилните URL адреси, тези връзки просто ще покажат същата страница, на която е потребителят, ако е щракнат.
Вместо това трябва да започнете да използвате тагове без никакви атрибути. Можете да ги оформите така, че да изглеждат като всяка друга връзка на вашата страница, но те няма да могат да се кликват, защото те са просто заместители.
Използване на връзки за резервни части на сайтове на живо
Връзките с резервни части имат място в уеб дизайна не само развитие. Едно място, което връзката за запазено място може да свети, е в навигационните елементи. В много случаи списъците за навигация на уебсайтове имат някакъв начин да покажат на коя страница сте. Те често се наричат индикатори „вие сте тук“.
Повечето сайтове разчитат атрибути id върху елемента, който се нуждае от маркера „вие сте тук“, но някои използват и атрибута class. Независимо от това какъв атрибут използвате, трябва да направите много допълнителна работа за всяка страница, в която има навигация, добавяйки и премахвайки атрибута от правилните елементи.
С връзката за запазено място можете да напишете навигацията си, както искате, и след това просто да премахнете атрибута href от съответната връзка, когато добавяте навигацията към страница. За разработка бърз съвет, който може да ви помогне, е да съхраните целия списък за навигация като кодов фрагмент в редактора си, така че това е просто бързо копиране и поставяне. След това можете просто да изтриете href. Можете също така да накарате вашата система за управление на съдържанието (CMS) да направи същото.
Оформяне на връзки за резервни части
Връзките с заместители са лесни за оформяне и стилизиране по различен начин от останалите връзки на вашата уеб страница. Просто се уверете, че сте стилизирали както маркера, така и маркера a: link. Например:
а {
цвят: червен;
шрифт-тегло: получер;
декорация на текст: няма;
}
a: link {
цвят: син;
тегло на шрифта: нормално;
декорация на текст: подчертаване;
}
Това CSS ще направи връзките на резервни части получер и червени, без подчертаване. Редовните връзки ще бъдат с нормално тегло, сини и подчертани.
Не забравяйте да нулирате всички стилове не искате да бъдете пренесени от етикета. Например, теглото на шрифта е зададено на получер за връзките с резервни части, така че за стандартните връзки ще трябва да го зададете на:
тегло на шрифта: нормално;
Същото важи и за текст-декорация. Като го премахнем със селектора, той би бил премахнат за селектора a: link, ако не го върнахме обратно.