Skip to main content

Namen povezav HTML

Anonim

Do izdaje HTML5 je oznaka zahtevala en atribut: href. Ampak HTML5 naredi celo ta atribut neobvezen. Ko napišete oznako brez atributov, se imenuje povezava z mesta.

Povezava z mesta je videti takole:

Prejšnja

Uporaba povezav med udeleženci v času razvoja

Skoraj vsak spletni oblikovalec je ob istem času oblikoval in gradil spletno mesto ustvaril povezavo med mesti. Pred HTML5 bi programator napisal naslednje kot mesto:

besedilo povezave

Težava pri uporabi hashtaga (#) kot povezave s povezavami je, da je povezava mogoče klikniti in to lahko povzroči zmedo za vaše stranke. Če razvijalec pozabi, da jih posodobi s pravilnimi URL-ji, bodo te povezave preprosto prikazale isto stran, na katero je uporabnik vklopljen, če ga kliknete.

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

Uporaba povezav na spletnem mestu

Povezave z imeni mesta imajo v spletnem oblikovanju prostor za več kot samo razvoj. Eden od krajev, na katere se lahko zasliši povezava, je v navigacijskih elementih. V mnogih primerih so seznami za spletno stran na način, ki kažejo na katero stran ste. Ti se pogosto imenujejo kazalniki »vi ste tukaj«.

Večina spletnih mest se zanaša na atribute id na elementu, ki potrebuje označevalec »ste tukaj«, nekateri pa tudi pri atributu razreda. Vendar ne glede na to, kateri atribut uporabljate, morate storiti veliko dodatnega dela na vsaki strani, na kateri je navigacija, dodaja in odstrani atribut iz pravilnih elementov.

S povezavo za mesto lahko napišete svojo navigacijo, ki jo želite, nato pa preprosto odstranite atribut href iz ustrezne povezave, ko dodate navigacijo na stran. Za razvoj, hiter nasvet za pomoč je, da celoten seznam navigacije shranite kot odrezek kode v urejevalniku, zato je le hitra kopija. Nato lahko preprosto izbrišete href. Prav tako lahko dobite svoj sistem za upravljanje vsebine (CMS) za isto stvar.

Povezave styling Placeholder

Povezave z imeni so enostavne za slog in slog različno od drugih povezav na vaši spletni strani. Preprosto obvezno vtipkajte oznako in oznako a: link. Na primer:

{barva: rdeča; font-weight: bold; tekst-dekoracija: nič; } a: povezava {barva: modra; font-weight: normal; tekst-dekoracija: podčrtaj; }

Ta CSS bo označil krepko in rdeče, brez poudarka. Redne povezave bodo normalne, modre in podčrtane.

Ne pozabite ponastaviti vseh slogov, ki jih ne želite prenesti iz oznake. Na primer, je za težo pisave nastavljeno krepko za povezave med mesti, zato ga morate nastaviti na:

font-weight: normal;

za standardne povezave. Enako velja za tekstovno dekoracijo. Če ga odstranite z izbirnikom, bi ga bilo treba odstraniti za a: link selector, če ga nisem vrnil nazaj.