Aż do HTML5 został wydany, tag go wymaga atrybut: href. Ale HTML5 sprawia, że nawet ten atrybut jest opcjonalny. Kiedy napiszesz tag bez żadnych atrybutów, nazywamy go linkiem zastępczym.
Link zastępczy wygląda tak:
Poprzedni
Korzystanie z linków zastępczych podczas opracowywania
Prawie każdy projektant stron internetowych od czasu do czasu utworzył linki zastępcze projektowanie i budowa strony internetowej. Przed HTML5 programista zapisywał jako symbol zastępczy:
tekst linku
Problem z używaniem hashtag (#) jako link zastępczy jest to, że można go kliknąć, co może powodować zamieszanie u Twoich klientów. A jeśli programista zapomni zaktualizować je poprawnymi adresami URL, te linki po prostu pokażą tę samą stronę, na której jest kliknięty użytkownik.
Zamiast tego powinieneś zacząć używać tagów bez żadnych atrybutów. Możesz nadać im styl tak, aby wyglądały jak każdy inny link na Twojej stronie, ale nie będzie można ich kliknąć, ponieważ są tylko symbolami zastępczymi.
Korzystanie z linków zastępczych w aktywnych witrynach
Linki zastępcze mają miejsce w projektowaniu stron internetowych nie tylko rozwój. Jednym z miejsc, w którym może świecić link zastępczy, są elementy nawigacyjne. W wielu przypadkach listy nawigacyjne witryn internetowych mają pewien sposób wskazania, na której stronie się znajdujesz. Są one często nazywane wskaźnikami „jesteś tutaj”.
Większość witryn polega na atrybuty identyfikatora na elemencie, który potrzebuje znacznika „jesteś tutaj”, ale niektórzy używają również atrybutu class. Jednak bez względu na to, jakiego atrybutu używasz, musisz wykonać dużo dodatkowej pracy na każdej stronie, która ma nawigację, dodając i usuwając atrybut z poprawnych elementów.
Za pomocą łącza zastępczego możesz napisać swoją nawigację w dowolny sposób, a następnie po prostu usunąć atrybut href z odpowiedniego łącza podczas dodawania nawigacji do strony. W przypadku programowania szybką wskazówką, która może pomóc, jest przechowywanie całej listy nawigacyjnej jako fragmentu kodu w edytorze, dzięki czemu jest to po prostu szybkie kopiowanie i wklejanie. Następnie możesz po prostu usunąć href. Możesz również sprawić, by Twój system zarządzania treścią (CMS) robił to samo.
Stylizacja linków zastępczych
Łącza zastępcze można łatwo stylizować i stylizować inaczej niż pozostałe łącza na Twojej stronie internetowej. Po prostu pamiętaj, aby nadać styl zarówno tagowi a, jak i tagowi a: link. Na przykład:
{
kolor czerwony;
grubość czcionki: pogrubiona;
dekoracja tekstu: brak;
}
a: link {
kolor niebieski;
grubość czcionki: normalna;
dekoracja tekstu: podkreślenie;
}
To CSS sprawi, że linki zastępcze będą pogrubione i czerwone, bez podkreślenia. Jednak zwykłe linki będą miały normalną wagę, będą niebieskie i podkreślone.
Pamiętaj, aby zresetować wszystkie style nie chcesz być przeniesiony z tagu. Na przykład grubość czcionki jest pogrubiona dla linków zastępczych, więc w przypadku standardowych linków musisz ustawić ją na:
grubość czcionki: normalna;
To samo dotyczy tekst-dekoracja. Usuwając go za pomocą selektora, zostałby usunięty z selektora a: link, gdybyśmy nie wstawili go z powrotem.