Dokud HTML5 byl vydán, značka jeden vyžaduje atribut: href. Ale díky HTML5 je i tento atribut volitelný. Když píšete značku bez jakýchkoli atributů, nazývá se to zástupný odkaz.
Odkaz na zástupný symbol vypadá takto:
Předchozí
Používání zástupných odkazů během vývoje
Téměř každý webový designér vytvořil odkazy na zástupné symboly najednou navrhování a vytváření webových stránek. Před HTML5 by programátor jako zástupný symbol napsal následující:
text odkazu
Problém s používáním a hashtag (#) jako zástupný odkaz je, že na odkaz lze kliknout, což může u vašich klientů způsobit zmatek. A pokud vývojář zapomene je aktualizovat správnými adresami URL, tyto odkazy po kliknutí jednoduše zobrazí stejnou stránku, na které se uživatel nachází.
Místo toho byste měli začít používat značky bez jakýchkoli atributů. Můžete je upravit tak, aby vypadaly jako jakýkoli jiný odkaz na vaší stránce, ale nebude na ně možné kliknout, protože se jedná pouze o zástupné symboly.
Používání zástupných odkazů na živých webech
Odkazy na zástupné symboly mají místo ve webovém designu více než jen rozvoj. Jedno místo, které může odkazovat na zástupný symbol, je v navigačních prvcích. V mnoha případech mohou navigační seznamy webových stránek určit, na které stránce se nacházíte. Často se jim říká indikátor „jste tady“.
Většina webů se spoléhá na atributy id na elementu, který potřebuje značku „jsi tady“, ale někteří používají také atribut třídy. Ať už použijete jakýkoli atribut, musíte na každé stránce, na které je navigace, udělat spoustu práce navíc, přidat a odebrat atribut ze správných prvků.
Pomocí zástupného odkazu můžete napsat navigaci, jak chcete, a poté jednoduše přidat atribut href z příslušného odkazu, když přidáte navigaci na stránku. Rychlým tipem pro vývoj je uložit celý navigační seznam jako fragment kódu do editoru, takže je to jen rychlé kopírování a vkládání. Potom můžete jednoduše odstranit href. Můžete také požádat svůj systém správy obsahu (CMS), aby udělal totéž.
Styling zástupných odkazů
Odkazy na zástupné symboly se snadno stylují a stylují odlišně od ostatních odkazů na vaší webové stránce. Jednoduše nezapomeňte stylovat značku a značku: odkaz. Například:
a {
červená barva;
váha písma: tučné;
textová výzdoba: žádná;
}
odkaz {
barva: modrá;
váha písma: normální;
výzdoba textu: podtržení;
}
Tento CSS vytvoří zástupné odkazy tučně a červeně bez podtržení. Pravidelné odkazy budou mít normální váhu, modré a podtržené.
Nezapomeňte resetovat všechny styly nechcete být přeneseni ze značky. Například váha písma je u zástupných odkazů nastavena na tučné písmo, takže u standardních odkazů ji budete muset nastavit na:
váha písma: normální;
Totéž platí pro textová výzdoba. Odebráním pomocí selektoru by bylo odstraněno pro selektor: link, pokud bychom jej nevrátili zpět.