Mi a HTML5 helyőrző link?
idUp a HTML5-ig, az a taghez 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:
Előző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 írnánk:
linkszövegmint helyőrző. És elküldtem mockup webhelyeket az ilyen helyőrzőkkel rendelkező ügyfeleknek, hogy megkérdezzék az ügyfelet: "Miért nem működnek a szövegben szereplő linkek?"
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 valaki elfelejti frissíteni őket a helyes URL-ekkel, akkor ezek a linkek megszakadhatnak az élő webhelyen, mert nem kapcsolódnak semmihez.
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
De a helyőrzői linkek helyét a webes tervezésben több, mint a fejlődés. Egy hely, ahol a helyőrző kapcsolat fénylik, a navigációban van. 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ármilyen attribútumot használjon, minden olyan oldalt meg kell tennie egy csomó munkát, amelyen a 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 teljes navigációs listámat töredékként tárolom a szerkesztőmben, így csak egy gyors másolás, majd törölje a href-et. A CMS is ugyanazt teheti.
Azon kívül, hogy különleges védjegyet adok hozzá (az alábbiakban megmutatom), hogy egy helyőrző linkre hivatkozik, a link nem kattintható. Így az ügyfelek ne keverjenek össze azzal, hogy valami mást kaphatnak, ha rákattintanak a navigációs linkre, ahol jelenleg vannak.
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. Míg 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 súlyát félkövérre állítottam a helyőrző linkekhez, ezért be kellett állítanom:
font súly: normál;a szabványos linkekhez. Ugyanez igaz a szövegdekorációra is, azáltal, hogy eltávolítja a választógombot, az a: linkválasztó eltávolításra került, ha nem tennék vissza.