Až do uvoľnenia HTML5 tag potreboval jeden atribút: href. Ale HTML5 robí tento atribút voliteľným. Keď napíšete značku bez atribútov, nazýva sa jej odkazom.
Odkaz na zástupný symbol vyzerá takto:
Pomocou zástupných odkazov počas vývoja
Takmer každý web dizajnér vytvoril zástupné symboly v rovnakom čase pri navrhovaní a vytváraní webových stránok. Pred HTML5 programátor napíše nasledovné ako zástupný symbol:
odkaz text
Problém s používaním značky hash (#) ako odkazu zástupného symbolu je to, že odkaz je možné kliknúť, čo môže spôsobiť zámenu pre vašich klientov. A ak vývojár zabudne aktualizovať so správnymi adresami URL, tieto odkazy jednoducho zobrazia tú istú stránku, na ktorej je používateľ zapnutý, ak kliknete.
Namiesto toho by ste mali začať používať značky bez akýchkoľvek atribútov. Môžete ich vytvoriť tak, aby vyzerali ako akýkoľvek iný odkaz na vašej stránke, ale nebudú možné kliknúť, pretože sú iba zástupnými zástupcami.
Pomocou zástupných odkazov na stránkach naživo
Odkazy na zástupné miesta majú miesto v webovom dizajne pre viac ako len vývoj. Jedno miesto, na ktorom môže odkaz ležať zástupným symbolom, je v navigačných prvkoch. V mnohých prípadoch sú navigačné zoznamy webových stránok nejakým spôsobom označené, na ktorej stránke sa nachádzate. Tieto sa často označujú ako ukazovatele "ste tu".
Väčšina lokalít závisí od atribútov id na prvku, ktorý potrebuje značku "ste tu", ale niektorí používajú aj atribút triedy. Avšak akýkoľvek atribút, ktorý používate, musíte urobiť veľa práce na každej stránke s navigáciou na nej, pridaním a odstránením atribútu zo správnych prvkov.
S odkazom na zástupný symbol môžete napísať svoju navigáciu tak, ako by ste chceli, a potom jednoducho odstráňte atribút href z príslušného odkazu, keď pridáte navigáciu na stránku. Pre vývoj, rýchly tip, ktorý vám pomôže, je uložiť celý navigačný zoznam ako útržok kódu do vášho editora, takže je to len rýchla kópia. Potom môžete jednoducho odstrániť href. Môžete tiež získať svoj systém správy obsahu (CMS), aby urobil to isté.
Styling Placeholder Links
Odkazy zástupných stránok sa ľahko štýlujú a štýlu odlišujú od ostatných odkazov na vašej webovej stránke. Jednoducho nezabudnite štýlovo označiť značku a aj značku odkazu: a. Napríklad:
a {farba: červená; font-weight: tučné; textová dekorácia: žiadne; } a: odkaz {farba: modrá; veľkosť písma: normálna; textová dekorácia: podčiarknutie; }
Tento CSS vytvorí odkazové symboly tučné a červené, bez podčiarknutia. Pravidelné odkazy budú normálnej hmotnosti, modrej a podčiarknuté.
Nezabudnite obnoviť všetky štýly, ktoré nechcete preniesť z značky. Napríklad, veľkosť písma je nastavená na tučné odkazy pre zástupné symboly, takže musíte nastaviť:
veľkosť písma: normálna;
pre štandardné odkazy. To isté platí aj s dekoráciou textu. Odstránením s voličom a by bol odstránený pre selektor prepojenia a: ak by som ho nevrátil.
