Eden od primarnih razlikovalnikov med spletnimi stranmi in drugimi oblikami komunikacijskih medijev je zamisel o "povezavah" ali hiperpovezavah, saj so tehnično znani v spletnih izdelkih.
Poleg tega, da spletu pomagajo, kar je danes, so povezave in slike tudi najbolj pogosto dodajanje stvari na spletne strani. K sreči je te elemente enostavno dodati (samo dve osnovni HTML oznaki) in lahko prinesejo navdušenje in interaktivnost do tistih, ki bi sicer bile navadne strani z besedilom. V tem članku boste spoznali oznako (sidro), ki je dejanski element HTML, ki se uporablja za dodajanje povezav do spletnih strani.
Dodajanje povezav
Povezava se imenuje sidro v HTML-ju, zato je oznaka, ki jo predstavlja, oznaka A. Na splošno se ljudje preprosto nanašajo na te dodatke kot "povezave", vendar je sidro dejansko dodano na katero koli stran.
Ko dodate povezavo, morate navesti naslov spletnega mesta, ki ga želite uporabljati, ko kliknejo ali tapnete (če so na zaslonu na dotik), ki se povezujejo. To določite s atributom.
The href atribut pomeni »hipertekstna referenca« in njen namen je narekovati URL, kamor želite iti določena povezava. Brez teh podatkov je povezava neuporabna - brskalniku bi povedal, da je treba nekoga prinesti, vendar ne bi imeli na voljo informacije o destinaciji, kjer bi bilo to "nekje". Ta oznaka in ta atribut gredo z roko v roki.
Na primer, če želite ustvariti besedilno povezavo, napišete:
Besedilo, ki bo povezava
Če se želite povezati s spletno stranjo About.com Web Design / HTML, pišete:
Lifewire
V svoji HTML strani, vključno s slikami, lahko povežete skoraj vse. Preprosto obkrožite elemente HTML ali elemente, ki jih želite povezati z
in oznake. Prav tako lahko ustvarite povezavo z mesti, tako da izstopite iz njega href atribut - vendar se prepričajte, da se želite vrniti in posodobiti href informacije kasneje, ali povezava dejansko ne bo naredila ničesar, ko boste dostopali.
HTML5 omogoča, da poveže elemente na ravni blokov, kot so odstavki in DIV elementi. Sidrno oznako lahko dodate na veliko večje območje, na primer razdelek ali seznam opredelitev, in da bo celotno območje "kliknilo". To je lahko še posebej koristno, če poskušate ustvariti večje, prizadetih območij na spletnem mestu.
Nekatere stvari, ki jih morate zapomniti pri dodajanju povezav
- Konec oznaka je zahtevano. Če ga pozabite vključiti, bo vse, ki sledijo tej povezavi, tudi povezano, dokler druga povezava ne zapre oznako.
- Večino časa je najbolje, da povežete posamezne slike in kratke razpone besedila, ne pa večje blokade besedila. Povezave lahko dodajo barve in podčrtajo sloge na vašo stran, ki jo je težko brati. Seveda lahko CSS uporabite za spreminjanje teh stilov povezav in urejanje barv ali odstranitev, vendar je še vedno dobro, da se zavedate te realnosti.
- Poskrbite, da preverite povezave, tako da ne bodo slabo. Povezava Rot lahko uporabnikom in iskalnim strojem upošteva, da je vaše spletno mesto neveljavno. Redno preverjate povezave na svojih straneh. To še posebej velja, če se povežete s spletnimi mesti tretjih oseb (tiste, ki jih ne upravljate) in ki lahko spremenijo njihove strani, ki so vam na voljo, in pustite z mrtvimi povezavami. Povezovalec povezave bo našel te mrtve povezave, tako da boste lahko naredili vse potrebne posodobitve.
- Izogibajte se besedilu, kot je »kliknite tukaj« v vaši povezavi. Ne pozabite, da ljudje z zasloni na dotik ne morejo klikniti, tako da se besedilo počuti kot izdelek iz preteklega obdobja in v današnjem spletnem središču z več napravami ni pomembno.
Druge zanimive vrste povezav
The A Element ustvari standardno povezavo z drugim dokumentom, vendar obstajajo druge vrste povezav, ki bi vas morda zanimale:
- Notranji povezavi ali sidri - to so povezave do nekje znotraj spletne strani, ne nujno na vrhu.
- Mape slik - Karte s slikami omogočajo ustvarjanje povezav na slikah, ki so preslikane na določena področja slike. Te lahko uporabite za igre ali ustvarjalno navigacijo. Pogosto jih vidite z zemljevidi, kjer so območja na zemljevidu lahko kliknjena. Upoštevajte, da se zemljevidi slik ne uporabljajo na večini sodobnih spletnih mest, deloma zato, ker lahko povzročijo težave na mobilni napravi.
- Element - ta element se uporablja za povezovanje drugih dokumentov in strani z obstoječim. Na svoji spletni strani ne bo ustvaril območja, ki ga je mogoče klikniti, vendar je koristno razumeti.
