Až do HTML5 bol prepustený, značka vyžaduje jeden atribút: href. Ale vďaka HTML5 je aj tento atribút voliteľný. Keď píšete značku bez akýchkoľvek atribútov, nazýva sa to zástupný odkaz.
Odkaz na zástupný symbol vyzerá takto:
Predchádzajúce
Používanie zástupných odkazov počas vývoja
Takmer každý webový dizajnér niekedy vytvoril odkazy na zástupné symboly navrhovanie a budovanie webových stránok. Pred jazykom HTML5 by programátor napísal ako zástupný text toto:
text odkazu
Problém s používaním a mriežka (#) ako zástupný odkaz ide o to, že na odkaz je možné kliknúť, čo môže u vašich klientov spôsobiť zmätok. Ak vývojár zabudne aktualizovať správne adresy URL, tieto odkazy jednoducho zobrazia po kliknutí tú istú stránku, na ktorej sa používateľ nachádza.
Namiesto toho by ste mali začať používať značky bez akýchkoľvek atribútov. Môžete ich upraviť tak, aby vyzerali ako akýkoľvek iný odkaz na vašej stránke, ale nebude na ne možné kliknúť, pretože ide iba o zástupné symboly.
Používanie zástupných odkazov na živých weboch
Odkazy na zástupné symboly majú miesto vo webdizajne nielen pre nich rozvoja. Jedným z miest, na ktoré môže odkazovať na zástupné symboly, sú navigačné prvky. V mnohých prípadoch navigačné zoznamy webových stránok umožňujú určitým spôsobom určiť, na ktorej stránke sa nachádzate. Často sa nazývajú indikátory „ste tu“.
Väčšina stránok sa spolieha atribúty id na prvku, ktorý potrebuje značku „si tu“, niektoré však používajú aj atribút triedy. Bez ohľadu na to, aký atribút použijete, musíte na každej stránke, na ktorej je navigácia, urobiť veľa práce a pridať a odobrať atribút zo správnych prvkov.
Pomocou zástupného odkazu môžete napísať svoju navigáciu, ako chcete, a potom jednoducho pridať atribút href z príslušného odkazu, keď pridáte navigáciu na stránku. Rýchlym tipom na vývoj je uložiť celý navigačný zoznam ako útržok kódu do editora, takže ide iba o rýchle kopírovanie a vkladanie. Potom môžete href jednoducho odstrániť. Môžete tiež požiadať svoj systém správy obsahu (CMS), aby urobil to isté.
Styling zástupných odkazov
Štýl zástupných odkazov sa dá ľahko štýlovať a odlišovať sa od ostatných odkazov na vašej webovej stránke. Jednoducho nezabudnite upraviť štýl značky a odkazu:. Napríklad:
a {
farba: červená;
váha písma: tučné;
dekorácia textu: žiadny;
}
odkaz {
farba: modrá;
váha písma: normálne;
dekorácia textu: podčiarknutie;
}
Toto CSS odkazy na zástupné symboly zvýraznia tučne a červene bez podčiarknutia. Pravidelné odkazy budú mať normálnu hmotnosť, sú modré a podčiarknuté.
Nezabudnite všetky resetovať štýly nechcete byť prenesení zo štítku. Napríklad váha písma je pre odkazy so zástupnými symbolmi nastavená na tučné písmo, takže pri štandardných odkazoch ju budete musieť nastaviť na:
váha písma: normálne;
To isté platí pre textová výzdoba. Ak by sme ho odstránili selektorom, bol by odstránený pre selektor a: link, ak by sme ho nevrátili späť.