Dokud nebyl HTML5 uvolněn, značka vyžaduje jeden atribut: href. Ale HTML5 činí tento atribut nepovinný. Při zápisu značky bez atributů se nazývá odkaz zástupného symbolu.
Odkaz na zástupný symbol vypadá takto:
Použití zástupných odkazů během vývoje
Téměř každý webdesigner vytvořil zástupné symboly najednou nebo při vytváření webových stránek. Před HTML5 programátor napíše následující text jako zástupný symbol:
odkaz text
Problém s použitím značky hash (#) jako zástupného symbolu odkazuje na to, že odkaz je možné klikat, a to může způsobit zmatek pro vaše klienty. A pokud vývojář zapomene aktualizovat je se správnými adresami URL, budou tyto odkazy jednoduše zobrazovat stejnou stránku, na které je uživatel v případě, že kliknete.
Místo toho byste měli začít používat značky bez atributů. Tyto styly můžete vypadat jako libovolný jiný odkaz na vaší stránce, ale nebudou klepnutí, protože jsou jen zástupnými symboly.
Použití zástupných odkazů na živých stránkách
Odkazy na zástupné stránky mají místo v návrhu webových stránek pro více než jen vývoj. Jedno místo, na kterém může být zářit zástupný symbol, je v navigačních prvcích. V mnoha případech jsou seznamy navigace na webu nějakým způsobem označeny, na které stránce se nacházíte. Tito jsou často nazýváni "jste zde" indikátory.
Většina webových stránek se spoléhá na atributy id na elementu, který potřebuje značku "jste zde", ale někteří také používají atribut třídy. Nicméně, bez ohledu na atribut, který používáte, musíte provést spoustu práce na každé stránce, která má navigaci na něm, přidání a odebrání atributu od správných prvků.
Pomocí odkazu zástupného symbolu můžete naplánovat navigaci, kterou chcete, a poté jednoduše odebrat atribut href z příslušného odkazu, když přidáte navigaci na stránku. Pro vývoj, rychlý tip, který vám pomůže, je uložit celý navigační seznam jako úryvek kódu do editoru, takže je to jen rychlá kopírování. Potom můžete jednoduše odstranit href. Můžete také získat systém správy obsahu (CMS), který provede stejnou věc.
Styling Placeholder Links
Odkazy na zástupné symboly jsou snadno stylově a stylově odlišné od ostatních odkazů na vaší webové stránce. Jednoduše ujistěte se, že stylujete značku a a tag odkazu: a. Například:
a {barva: červená; font-weight: tučné; textová výzdoba: žádná; } a: odkaz {barva: modrá; font-weight: normální; textová výzdoba: podtržení; }}
Tento CSS vytvoří odkazové symboly tučné a červené, bez podtržení. Pravidelné odkazy budou normální, modré a podtržené.
Nezapomeňte obnovit všechny styly, které nechcete přenášet z značky. Hmotnost písma je například nastavena na tučné odkazy pro zástupné symboly, takže je nutné nastavit:
font-weight: normální;
pro standardní odkazy. Totéž platí pro textovou výzdobu. Vyjmutím je pomocí voliče a by bylo odstraněno pro volič odkazu a: pokud jsem ho nevrátil zpět.
