Namen povezav z ogradami HTML

The best protection against click fraud.

Dokler HTML5 je bil izdan, oznaka je zahtevala enega atribut: href. Toda HTML5 tudi ta atribut ne izbere. Ko oznako napišete brez kakršnih koli atributov, se imenuje nadomestna povezava.

Povezava do ograde je videti tako:

Prejšnji

Uporaba ogradnih povezav med razvojem

Skoraj vsak spletni oblikovalec je hkrati ustvaril povezave do ograd oblikovanje in izdelava spletne strani. Pred HTML5 bi programer napisal naslednje:

besedilo povezave

Težava pri uporabi a lojtra (#) kot nadomestna povezava je, da jo je mogoče klikniti, kar lahko povzroči zmedo pri vaših strankah. Če jih razvijalec pozabi posodobiti s pravilnimi URL-ji, bodo te povezave preprosto prikazale isto stran, na kateri je uporabnik, če jo kliknete.

Namesto tega bi morali začeti uporabljati oznake brez kakršnih koli atributov. Lahko jih oblikujete tako, da izgledajo kot katera koli druga povezava na vaši strani, vendar jih ne bo mogoče klikniti, ker so le ograde.

Uporaba ogradnih povezav na spletnih mestih v živo

Povezave do ograd imajo v spletnem oblikovanju več kot le mesto

instagram viewer
razvoj. Eno mesto, ki ga lahko zasveti povezava z ogradami, je v navigacijskih elementih. V mnogih primerih navigacijski seznami spletnih mest na nek način označujejo, na kateri strani ste. Ti se pogosto imenujejo kazalci "tu ste".

Večina spletnih mest se zanaša atributi id na elementu, ki potrebuje oznako »tu si«, nekateri pa uporabljajo tudi atribut razreda. Ne glede na uporabljeni atribut pa morate na vsaki strani, na kateri je navigacija, narediti veliko dodatnega dela, dodati in odstraniti atribut iz pravilnih elementov.

S povezavo do ograde lahko svojo navigacijo napišete, kakor želite, nato pa atribut href preprosto odstranite iz ustrezne povezave, ko dodate navigacijo na stran. Za razvoj je hiter nasvet, da v urejevalnik shranite celoten navigacijski seznam kot delček kode, tako da gre le za hitro kopiranje. Nato lahko preprosto izbrišete href. Za isto lahko dobite tudi sistem za upravljanje vsebine (CMS).

Stiliziranje povezav z ogradami

Povezave do ograd je enostavno oblikovati in oblikovati drugače kot druge povezave na vaši spletni strani. Preprosto poskrbite za oblikovanje oznake in oznake a: link. Na primer:

a {
barva: rdeča;
teža pisave: krepko;
dekoracija besedila: nobena;
}
a: link {
barva: modra;
teža pisave: normalno;
okrasitev besedila: podčrtano besedilo;
}

To CSS bodo povezave do ograd rezervirali krepko in rdeče, brez podčrtavanja. Redne povezave bodo normalne teže, modre in podčrtane.

Ne pozabite ponastaviti katerega koli stilov ne želite, da vas prenesejo iz oznake. Na primer, teža pisave je nastavljena na krepko za povezave do ograd, zato jo morate za standardne povezave nastaviti na:

teža pisave: normalno;

Enako velja za okrasitev besedila. Z odstranitvijo s selektorjem bi bil odstranjen za izbirnik a: link, če ga ne bi vrnili nazaj.

instagram story viewer