Navigacija s povezavami href

HTML, kot naj bi bil hipertekstni jezik, ne omogoča le oblikovanja vsebine ene strani, ampak tudi ustvarjanje zunanjih in notranjih povezav do drugih, nalaganje dokumentov in pošiljanje pisem.

Oznaka »href« je ena od dobrih starih tradicij. Njegove funkcije se vse bolj izvajajo z bolj sodobnimi metodami. Vendar je sidro (Anchor) še vedno enostavno za uporabo in njegova uporaba je v mnogih primerih upravičena.

Priložnosti

Oznaka »a href =« URL »« vam omogoča, da obiskovalca preusmerite na določen URL na internetu. Določite lahko atribut “title =" #### 0 "" in potem, ko se z miško pomaknete nad oznako, se prikaže opis povezave, ki jo je določil razvijalec.

Določite lahko, kje se bo povezava odprla: v trenutnem oknu ali v novem. Atribut »cilj« ima lahko naslednje vrednosti:

• _blank (odprt URL v novem oknu);
• _self - (naložite URL v trenutno okno);
• _parent - (naložite URL v starševski okvir);
• _top - (URL za prenos v celotnem oknu brskalnika).

Vsebina oznak je lahko skoraj vse. Običajno se tukaj uporablja slika ali besedilo, čeprav se lahko uporabijo tudi druge bolj kompleksne konstrukcije HTML.

Ta primer prikazuje štiri različne povezave. Prva kaže na določen URL v omrežju, drugi na položaj znotraj trenutne strani. Tretji začetek poštnega programa da pošljete pismo na določen naslov, zadnje pa obiskovalcu omogoči, da prenese datoteko * .pdf na svoj računalnik.

Zadnji dve povezavi imata slike. V vseh primerih, kliknite na poljubno mesto vsebine oznake. Izraz alt = "naloži dokument" ima drugačen pomen in ni pomemben za namig. Da bi obiskovalec lahko videl podpis elementa, ga je treba vnesti neposredno v "a href" v svojem atributu "naslov".

Premakni se na položaj strani

Sidro lahko uporabite z atributom name = 'posName' in določite mesta strani, kamor lahko obiskovalec pride. To bo omogočilo tako sklicevanje na določen del kode, kot tudi označevanje njegove posebne funkcionalnosti.

Na strani priročnika OS FreeBSD lahko na primer najdete kazalo za postopek namestitve in konfiguracijo tega sistema.

Razvijalec je navedel vse korake postopka in vsak označen: "ime = 'korakNo1'", "ime = 'korakNo2'", ..., "ime = 'korakNo9'". To mu je omogočilo, da je vsak element tabele vsebine označil s potrebnimi prehodi: “a href = '# stepNo1'” ('# stepNo2', ..., '# stepNo9').

S pomočjo povezav lahko izvedete ne samo vsebino informacijske strani, temveč tudi izdelate meni, razvijete navigacijo znotraj strani ali na spletnem mestu kot celoto.

Funkcije aplikacije

Povezave ni mogoče ugnezditi. Pravzaprav je jasno, da je povezava v povezavi nesmiselna. Oznaka »href« HTML ne dovoljuje uporabe druge vsebine kot vsebine.

Povezavo lahko oblikujemo. Uporabite lahko razred ali identifikator CSS. Znotraj oznake lahko neposredno uporabite atribut slog »slog« - to je bilo prikazano v primeru.

Povezava ima pomembnejše funkcije, ki jo razlikujejo od drugih oznak. Ogledate si ga lahko ali kliknete in je lahko aktiven.

Za to, CSS predvideva uporabo opisov za "a href" in psevdo-razrede :: link ,: obiskano,: aktivno.

Uporaba psevdo-razredov vam omogoča, da spremenite obliko povezave v različnih situacijah (klik, premik miške, drugi dogodki). V njem lahko dodelite vodnika JavaScripta. Na primer, morate prešteti število klikov na povezavo, število prenesenih datotek itd.

Relativne in absolutne reference

Oznaka »href« HTML omogoča uporabo relativne različice za krmarjenje po straneh spletnega mesta. V tem primeru razvijalec poda stran, ne da bi določil »http://« in manipulira poševnice za krmarjenje po mapah spletnega mesta, ki vsebujejo želene strani.

Na primer, "../page name" pomeni premik na stran, ki je izven trenutne mape, vendar se "ime mape / ime strani" nanaša na stran v mapi znotraj trenutne.

Seveda morajo biti imena za to in to označena z latinskimi črkami. Žal uporaba cirilice ni vedno upravičena in varna za zunanja imena.

V tem primeru povezava "1" prikazuje, kako lahko izvedete premikanje po elementih znotraj spletnega mesta. V tem primeru je to trgovina in povezave se uporabljajo za navigacijo po izdelkih. Stran se oblikuje na strežniku, brskalnik jo prejme z blagom, ki je trenutno v trgovini.

Obiskovalec izbere izdelek, povezava pa pošlje na podatke o določenem izdelku, vam omogoča, da uredite nakup in dostavo.

V drugem primeru, "2", se za premik od strani do drugih strani uporablja atribut href. Druga povezava nakazuje, da bo izvajalec "scfToSite (" scCall ");" klican na klik miške.

Sklic na protokol

Uporabite lahko ne samo “href http ali mailto:”, lahko podate tudi “file: //, ftp: //, novice:, telnet: //, ...”. Te možnosti so manj pogoste.

Ponavadi so povezave potrebne za navigacijo, za prenos datotek in pošiljanje pisma obiskovalca na določen naslov. Čeprav zadnji vidik ni najboljša rešitev.

Ljubitelji neželene pošte pogosto skenirajo vsebino strani spletnih mest v iskanju e-poštnih naslovov. Na tej preprosti podlagi je izrecna navedba naslova zelo nezaželena. Sodobnejša možnost je obrazec za pošiljanje sporočila, ki ga obiskovalec napolni.

Meni prek povezav

Kako narediti element menija za povezavo, določa razvijalec. V zadnjem času, za organizacijo menija z uporabo seznamov "li". To velja za dobro obliko za SEO razloge. V tej oznaki lahko za oblikovanje elementa menija uporabite ne samo »div« ali »span«, temveč tudi vse druge oblike oznak HTML.

Uporaba oznake “a” kot elementa menija je včasih veliko enostavnejša. Za navigacijo ni treba vpisovati dodatne kode JavaScript. Brskalnik se samodejno preusmeri na pravi naslov.

Tudi če se na koncu meni menija oblikuje z določeno strukturo blokov ali oznak seznama, razvijalec nič ne preprečuje, da bi se zagnal ali preizkusil, da bi se hitro pomaknil po straneh v razvoju.

Eden od kazalcev spletne strani je še vedno razmerje med povezavami, ki vodijo do nje, in povezavami, ki vodijo do nje. Uporaba le-teh za povezovanje strani spletnega mesta s socialnimi omrežji velja za dobro prakso.

Oblikovanje socialnih omrežij v obliki menija je poznana in učinkovita uporaba oznake »a href«.