Eden glavnih razlik med spletnimi mesti in drugimi oblikami komunikacijskih medijev je ideja o "povezavah", oz hiperpovezave saj so tehnično znani v smislu spletnega oblikovanja.
Poleg tega, da spletu pomagajo, da postane tak, kakršen je danes, so tudi povezave, pa tudi slike, najpogostejše stvari, ki dodajajo na spletne strani. Na srečo je te elemente enostavno dodati (samo dva osnovne oznake HTML) in lahko vnesejo navdušenje in interaktivnost na tisto, kar bi sicer bile strani z običajnim besedilom. V tem članku boste izvedeli več o (sidrni) oznaki, ki je dejanska Element HTML uporablja se za dodajanje povezav do spletnih strani.
Dodajanje povezav
Povezava se v HTML imenuje sidro, zato je oznaka, ki jo predstavlja, oznaka A. Običajno se ljudje na te dodatke preprosto sklicujejo kot na "povezave", vendar je sidro tisto, kar se dejansko doda na katero koli stran.
Ko dodate povezavo, morate pokazati na naslov spletne strani na katero želite, da uporabniki obiščejo to povezavo, če kliknejo ali tapnejo (če so na zaslonu na dotik). To določite z atributom.
The href atribut pomeni "sklic na hipertekst" in njegov namen je narekovati URL, kamor želite, da gre do te posebne povezave. Brez teh informacij je povezava neuporabna, saj brskalniku sporoča, da je treba uporabnika pripeljati nekje, vendar ne bi imel na voljo informacij o destinaciji, kjer bi moral ta "nekje" biti. Ta oznaka in ta atribut gresta z roko v roki.
Na svojo stran HTML lahko povežete skoraj vse, vključno z slike. Preprosto obkrožite elemente HTML ali elemente, ki jim želite biti povezava, z oznakami in. Lahko tudi ustvarjate nadomestne povezave tako da izpustite href atribut - vendar se prepričajte, da se pozneje vrnete in posodobite podatke href, sicer povezava dejansko ne bo naredila ničesar, ko boste dostopali.
HTML5 omogoča veljavno povezovanje elementov na ravni bloka, kot so odstavki in DIV elementi. Oznako sidra lahko dodate okoli veliko večjega območja, kot je delitev ali seznam definicij, in celotno območje bo "mogoče klikniti". To je lahko še posebej koristno pri ustvarjanju večjih, prstom prijaznih območij zadetkov na spletnem mestu.
Nekaj stvari, ki si jih je treba zapomniti pri dodajanju povezav
- Končna oznaka je zahteva. Če ga pozabite vključiti, bo povezano tudi vse, kar sledi tej povezavi, dokler druga povezava ne zapre oznake.
- Največkrat je najbolje, da povežete posamezne slike in kratke razpone besedila, namesto velikih blokov besedila. Povezave lahko na vašo stran dodajo barve in podčrtane sloge, ki jih je težko prebrati. Seveda lahko s pomočjo CSS spremenite te sloge povezav in uredite barve ali odstranite podčrtaje, vendar je vseeno dobro biti pozoren na to resničnost.
- Preverite svoje povezave, da se ne bodo poslabšale. Link Rot lahko tako uporabnikom kot iskalnikom zdi vaše spletno mesto neveljavno. Za preverjanje povezav na svojih straneh redno uporabljajte preverjevalnik povezav. To še posebej velja, ko se povežete s spletnimi mesti tretjih oseb (tistimi, ki jih ne upravljate) in ki lahko čez čas spremenijo svoje strani, tako da ostanejo mrtve povezave. Preverjevalnik povezav bo našel te mrtve povezave, da boste lahko naredili potrebne posodobitve.
- V povezavi se izogibajte besedilu, kot je »kliknite tukaj«. Ne pozabite, da ljudje z zasloni na dotik ne morejo "klikniti", tako da je besedilo videti kot izdelek pretekle dobe in v današnjem spletu, usmerjenem na več naprav, res ni relevantno.
Druge zanimive vrste povezav
The A element ustvari standardno povezavo do drugega dokumenta, vendar obstajajo druge vrste povezav, ki bi vas morda zanimale:
- Notranje povezave ali sidra: To so povezave do nekje znotraj spletne strani, ne nujno do vrha.
- Zemljevidi slik: Slikovni zemljevidi omogočajo ustvarjanje povezav na slikah, ki so preslikane na določena področja slike. Ti se lahko uporabljajo za igre ali ustvarjalno navigacijo. Pogosto jih vidite z zemljevidi, kjer je območja na zemljevidu mogoče klikniti. Upoštevajte, da se slikovni zemljevidi na večini sodobnih spletnih mest ne uporabljajo, delno tudi zato, ker lahko povzročajo težave na mobilnih napravah.
- Element: Ta element se uporablja za povezovanje drugih dokumentov in strani s trenutnim. Na vaši spletni strani ne bo ustvaril območja, ki ga je mogoče klikniti, vendar je koristno razumeti.