Amíg HTML5 megjelent, a címke megkövetelte tulajdonság: href. De a HTML5 még ezt az attribútumot is választhatóvá teszi. Ha a címkét attribútumok nélkül írja, helyőrző hivatkozásnak hívják.
A helyőrző link így néz ki:
Előző
Helyőrző linkek használata a fejlesztés során
Szinte minden webdesigner létrehozott helyőrző linkeket egyszerre weboldal tervezés és felépítés. A HTML5 előtt egy programozó a következőket írja helyőrzőként:
link szövege
Az a használatával kapcsolatos probléma kettőskereszt (#) helyőrző hivatkozásként azt jelenti, hogy a linkre kattintani lehet, és ez zavart okozhat az ügyfelek számára. És ha egy fejlesztő elfelejti frissíteni őket a megfelelő URL-ekkel, akkor ezek a linkek egyszerűen ugyanazt az oldalt mutatják, amelyre a felhasználó kattint.
Ehelyett el kell kezdenie használni a címkéket attribútumok nélkül. Stílusozhatja ezeket úgy, mint bármely más link az oldalon, de ezekre nem lehet kattintani, mert csak helyőrzők.
Helyőrző linkek használata az élő webhelyeken
A helyőrző hivatkozásoknak nemcsak a webtervezésben van helyük fejlődés. A helyőrző link ragyoghat a navigációs elemekben. Sok esetben a webhely navigációs listái valamilyen módon jelzik, hogy melyik oldalon tartózkodik. Ezeket gyakran úgy hívják, hogy „itt vagy”.
A legtöbb webhely támaszkodik id attribútumok azon az elemen, amelyre szüksége van az „itt vagy” jelölőre, de egyesek az class attribútumot is használják. Bármilyen attribútumot használ is, sok extra munkát kell végeznie minden olyan oldalon, amelyen navigáció található, hozzáadva és eltávolítva az attribútumot a megfelelő elemekből.
Helyőrző hivatkozással megírhatja a navigációt, ahogyan szeretné, majd egyszerűen eltávolíthatja a href attribútumot a megfelelő hivatkozásból, amikor hozzáadja a navigációt egy oldalhoz. A fejlesztéshez egy gyors tipp az, ha a teljes navigációs listát kódrészletként tárolja a szerkesztőben, tehát ez csak egy gyors másolás. Ezután egyszerűen törölheti a href-et. Megkaphatja a tartalomkezelő rendszerét (CMS) is, hogy ugyanezt tegye.
Helyőrző hivatkozások stílusa
A helyőrző hivatkozások könnyen stílusozhatók és stílusosak, a weblap többi hivatkozásától eltérően. Egyszerűen győződjön meg arról, hogy mind a címkét, mind az a: link címkét megformázza. Például:
a {
piros szín;
betű súlya: félkövér;
szövegdíszítés: nincs;
}
egy link {
szín: kék;
betű súlya: normál;
szövegdíszítés: aláhúzás;
}
Ez CSS félkövér és piros színűvé teszi a helyőrző linkeket aláhúzás nélkül. A rendszeres linkek normál súlyúak, kékek és aláhúzottak.
Ne felejtse el alaphelyzetbe állítani stílusok nem akarja, hogy átvigyen a címkéből. Például a font-weight félkövérre van állítva a helyőrző linkeknél, ezért a normál linkeknél ezt kell beállítania:
betű súlya: normál;
Ugyanez igaz a szövegdíszítés. Ha eltávolítanánk az a választóval, akkor eltávolítottuk volna az a: link választóhoz, ha nem tesszük vissza.