A HTML5 kiadásáig a címkéhez egy attribútum szükséges: href. De a HTML5 ezt az attribútumot is opcionálisvá teszi. Amikor egy attribútum nélkül írja meg a címkét, akkor helyőrző linknek hívják.
A helyőrző link így néz ki:
Helymeghatározó linkek használata a fejlesztés során
Majdnem minden webes tervező létrehozott helyőrző kapcsolatokat egy időben, egy weboldal tervezése és építése során. A HTML5 előtt a programozó helyettesítőként írja le a következőket:
link szöveg
A hashtag (#) helyőrző linkként történő használatának problémája az, hogy a link kattintható, ami zavart okozhat az ügyfelek számára. Ha egy fejlesztő elfelejti frissíteni őket a helyes URL-ekkel, akkor ezek a hivatkozások egyszerűen ugyanazt az oldalt jelenítik meg, amelyre a felhasználó bekapcsol, ha rákattint.
Ehelyett el kell kezdenie az attribútumok nélküli címkék használatát. Ezeket úgy is megtervezheti, mintha az oldal bármely más linkjére hasonlítana, de nem kattinthatóak, mert csak helyőrzők.
Helymeghatározó linkek használata élő webhelyek esetén
A helyőrzői linkek a webes tervezés helyén találnak többet, mint a fejlesztés. A navigációs elemek egyik helyét, amelyre egy helyőrző kapcsolata ragyoghat. Sok esetben a weboldal-navigációs listáknak van módjuk annak megjelölésére, hogy melyik oldalon tartózkodik. Ezeket gyakran "itt vagy" jelzőnek nevezik.
A legtöbb webhely id attribútumra támaszkodik azon az elemen, amelyre szüksége van az "Ön itt" jelölőhöz, de néhányan az osztály attribútumot is használják. Azonban bármi attribútumot is használjon, minden olyan oldalt meg kell tennie, amelyen navigáció van, hozzáadva és eltávolítva az attribútumot a megfelelő elemekből.
Helyőrző hivatkozással megírhatja a navigációját, amennyit szeretne, majd egyszerűen távolítsa el a href attribútumot a megfelelő linkről, amikor hozzáadja a navigációt egy oldalhoz. A fejlesztéshez egy gyors tipp, hogy segítsen a teljes navigációs listát kódszövegként tárolni a szerkesztőben, így ez csak egy gyors másolópaszta. Ezután egyszerűen törölheti a href-et. A tartalomkezelő rendszer (CMS) is ugyanazt teheti.
Styling helyőrző linkek
A helyőrző linkek egyszerűen stílusban és stílusban különböznek a weboldal többi linkjétől. Egyszerűen ügyeljen arra, hogy mind az a címkét, mind az a: link címkét stílusossá tegye. Például:
a {szín: piros; font-weight: bold; text-decoration: none; } a: link {szín: kék; font súly: normál; text-decoration: aláhúzás; }
Ez a CSS félkövér és vörös színű, helyettesítő linkeket hoz létre. A rendszeres kapcsolatok normál súlyúak, kékek és aláhúzva vannak.
Ne felejtse el visszaállítani azokat a stílusokat, amelyeket nem akar átvinni az a címkéből. Például a betűkészlet tömege félkövérre van állítva a helyőrző hivatkozásokhoz, ezért a következőket kell beállítania:
font súly: normál;
szabványos linkek esetén. Ugyanez igaz a szövegdekorációra is. Az a választógomb eltávolításával eltávolították az a: linkválasztót, ha nem tennék vissza.
