Navigacija s href linkovima

HTML, kako se pretpostavlja hipertekstualni jezik, omogućuje ne samo formiranje sadržaja jedne stranice, nego i stvaranje vanjskih i unutarnjih linkova prema drugima, učitavanje dokumenata i slanje pisama.

Oznaka "href" jedna je od dobrih starih tradicija. Njegove se funkcije sve više provode suvremenim metodama. Međutim, sidro (sidro) je još uvijek lako koristiti i njegova je upotreba u mnogim slučajevima opravdana.

prilike

Oznaka "a href = 'URL'" omogućuje preusmjeravanje posjetitelja na određeni URL na internetu. Možete odrediti atribut “title =" #### 0 "", a zatim, kada pređete mišem iznad oznake, pojavit će se opis veze koju je postavio programer.

Možete odrediti gdje će se veza otvoriti: u trenutnom prozoru ili u novom. Atribut "target" može imati sljedeće vrijednosti:

• _blank (otvoreni URL u novom prozoru);
• _self - (učitajte URL u trenutni prozor);
• _parent - (učitavanje URL-a u roditelj-okvir);
• _top - (URL za preuzimanje u punom prozoru preglednika).

Sadržaj oznake može biti gotovo sve. Obično se ovdje koristi slika ili tekst, iako se mogu koristiti i druge složenije HTML konstrukcije.

Ovaj primjer pokazuje četiri različite veze. Prvi ukazuje na određeni URL na mreži, drugi na poziciju unutar trenutne stranice. Pokreće se treći program za poštu poslati pismo na određenu adresu, a posljednja daje posjetitelju mogućnost preuzimanja * .pdf datoteke na svoje računalo.

Posljednje dvije veze imaju slike. U svim slučajevima, kliknite na bilo koje mjesto na sadržaj oznake. Izraz alt = "učitaj dokument" ima drugačije značenje i nije relevantan za opis alata. Da bi posjetitelj mogao vidjeti potpis elementa, on mora biti naveden izravno u "href", u njegovom atributu "naslov".

Premjesti na položaj stranice

Sidro možete koristiti s atributom name = 'posName' i odrediti mjesta stranice na koja posjetitelj može ići. To će omogućiti i upućivanje na određeni dio koda i označavanje njegove specifične funkcionalnosti.

Na primjer, na stranici priručnika FreeBSD OS možete pronaći tablicu sadržaja za instalacijski postupak i konfiguraciju ovog sustava.

Programer je naveo sve korake postupka i svaki je označio: "ime = 'korakNo1'", "ime = 'korakNo2'", ..., "ime = 'korakNo9'". To mu je omogućilo da označi svaki element tablice sadržaja potrebnim prijelazima: “a href = '# stepNo1'” ('# stepNo2', ..., '# stepNo9').

Pomoću linkova možete izvršiti ne samo sadržaj stranice s informacijama, nego i izgraditi izbornik, razviti navigaciju unutar stranice ili na stranici kao cjelini.

Značajke aplikacije

Veza ne može biti ugniježđena. Zapravo, jasno je da je veza u vezi glupost. HTML oznaka "href" ne dopušta upotrebu drugog sadržaja kao sadržaja.

Može se oblikovati veza. Možete primijeniti klasu ili CSS identifikator. Unutar oznake možete izravno koristiti atribut stila “stil” - to je prikazano u primjeru.

Veza ima važnije značajke koje ga razlikuju od ostalih oznaka. Može se vidjeti ili kliknuti i biti aktivan.

Za to, CSS omogućuje korištenje opisa za "a href" i pseudo-klase :: link ,: visit,: active.

Korištenje pseudo-klasa omogućuje promjenu dizajna veze u različitim situacijama (klik, pomicanje miša, druga događanja). Možete mu dodijeliti JavaScript rukovatelja. Na primjer, trebate brojati broj klikova na vezi, broj preuzetih datoteka itd.

Relativne i apsolutne reference

"Href" HTML oznaka omogućuje korištenje relativne varijante za navigaciju kroz stranice stranice. U tom slučaju programer specificira stranicu bez navođenja 'http://' i manipulira kosim crtama za kretanje kroz mape web-mjesta koje sadrže željene stranice.

Na primjer, "../page name" znači premještanje na stranicu koja je izvan trenutne mape, ali se "naziv mape / stranice" odnosi na stranicu u mapi unutar trenutne.

Naravno, imena za to i to treba navesti latiničnim slovima. Nažalost, korištenje ćirilice nije uvijek opravdano i sigurno za vanjska imena.

U ovom primjeru, veza "1" pokazuje kako možete izvršiti kretanje kroz elemente unutar stranice. U ovom slučaju, ovo je trgovina, a veze se koriste za navigaciju kroz proizvode. Stranica se formira na poslužitelju, preglednik je prima s robom koja se trenutno nalazi u trgovini.

Posjetitelj odabire proizvod, a veza ga šalje podacima o određenom proizvodu, omogućuje vam organiziranje kupnje i isporuke.

U drugom primjeru, "2", href atribut se koristi za kretanje od stranice do drugih web-mjesta. Druga veza označava da će se rukovatelj "scfToSite ('scCall');" pozvati po kliku miša.

Upućivanje na protokol

Možete koristiti ne samo "href http ili mailto:", također možete navesti "file: //, ftp: //, vijesti:, telnet: //, ...". Ove opcije su manje uobičajene.

Obično su potrebni linkovi za navigaciju, za preuzimanje datoteka i slanje pisma posjetitelja na određenu adresu. Iako ovaj drugi aspekt nije najbolje rješenje.

Ljubitelji neželjene pošte često skeniraju sadržaj stranica stranica u potrazi za adresama e-pošte. Na toj jednostavnoj osnovi izričita naznaka adrese je vrlo nepoželjna. Modernija opcija je obrazac za slanje poruke koju posjetitelj ispunjava.

Izbornik kroz veze

Kako napraviti stavku izbornika veze određuje programer. Nedavno, za organizaciju izbornika pomoću popisa "li". To se smatra dobrim oblikom za SEO razloge. Unutar ove oznake možete koristiti ne samo "div" ili "span" za oblikovanje stavke izbornika, nego i bilo koji drugi dizajn HTML oznaka.

Korištenje oznake “a” kao stavke izbornika ponekad je mnogo jednostavnije. Nema potrebe pisati dodatni JavaScript kôd za navigaciju. Preglednik automatski preusmjerava na ispravnu adresu.

Čak i ako se naposljetku izbornik web-mjesta oblikuje kroz određenu strukturu bloka ili oznaka popisa, programer ne sprečava pokretanje ili testiranje za brzo kretanje kroz stranice koje se razvijaju.

Jedan od pokazatelja web-lokacije i dalje je omjer veza koje vode do njega i veza koje vode do njega. Koristeći ih za povezivanje stranica s društvenim mrežama smatra se dobrom praksom.

Dizajniranje društvenih mreža u obliku izbornika je poznata i učinkovita upotreba "href" oznake.