Veze ili sidra na web stranicama
Jedan od primarnih razlika između web stranica i drugih oblika komunikacijskih medija jest ideja "veza", ili hiperveze kao što su tehnički poznati u terminima web dizajna.
Osim što pomaže stvaranju interneta ono što je danas, veze, kao i slike, najčešće se najčešće dodaju na web stranicama. Te su stavke lako dodane (samo dvije osnovne HTML oznake ) i mogu donijeti uzbuđenje i interaktivnost na ono što inače bi bile obične tekstualne stranice. U ovom članku saznat ćete oznaku (sidro), koja je stvarni HTML element za dodavanje veza na web stranice.
Dodavanje veza
Veza se poziva kao sidro u HTML-u, pa je oznaka za predstavljanje oznaka A. Obično se ljudi jednostavno odnose na ove dodatke kao "veze", no sidro je ono što se zapravo dodaje na bilo koju stranicu.
Kada dodate vezu, morate uputiti na adresu web stranice koju želite da korisnici idu kada kliknu ili dotaknu (ako su na dodirnom zaslonu) koji povezuju. To ćete odrediti s atributom.
Atribut href označava "hipertekstualnu referencu", a njegova je svrha diktirati URL gdje želite da određena veza ode. Bez tih informacija, veza je beskorisna - reći će pretražitelju da se korisnik mora dovesti negdje, ali ne bi imali podatke o odredištu gdje bi to trebalo biti "negdje". Ova oznaka i ovaj atribut idu ruku pod ruku.
Na primjer, za izradu tekstualne veze pišete:
URL web stranice za odlazak na "> Tekst koji će biti veza
Dakle, da biste se povezali s web dizajnom / HTML početnom stranicom, pišete:
Možete povezati gotovo sve na svojoj HTML stranici, uključujući slike . Jednostavno okružite HTML elemente ili elemente koje želite povezati s i oznakama. Možete i izraditi veze vezane uz rezervaciju tako što ćete napustiti href atribut - ali svakako se vratite i ažurirajte informacije o hrefu kasnije ili veza zapravo neće učiniti ništa kada se pristupa.
HTML5 čini valjanim za povezivanje elementa na razini blokova kao što su stavci i elementi DIV . Možete dodati sidrenu oznaku oko mnogo veće površine, poput podjele ili popisa definicija, i to će cijelo područje biti "kliknuti". To može biti osobito korisno kada pokušavate stvoriti veće površine pogodene prstima na web stranici.
Neke stvari koje treba zapamtiti prilikom dodavanja veza
- Potrebna je konačna oznaka. Ako ga zaboravite uključiti, sve će nakon te veze biti povezano, dok druga veza ne zatvori oznaku.
- Većinu vremena, najbolje je povezati pojedinačne slike i kratke tekstove, umjesto velikih blokova teksta. Veze mogu dodati boje i naglasiti stilove na vašu stranicu, što može biti teško čitati. Naravno, možete koristiti CSS za promjenu stilova veza i uređivanje boja ili uklanjanje podcrtava, no ipak je dobro paziti na tu stvarnost.
- Pazite da provjerite svoje veze kako ne bi pogriješili. Link Rot može učiniti kako korisnicima tako i tražilicama vaša web stranica bude važeća. Redovito koristite provjeru veze kako biste provjerili veze na svojim stranicama. To je osobito istinito kada se povežete s web-lokacijama trećih strana (onima koje ne upravljate), a koje mogu promijeniti svoje stranice tijekom vremena, ostavljajući vam mrtve veze. Provjera veze pronaći će te mrtve veze kako biste mogli izvršiti potrebna ažuriranja.
- Izbjegavajte tekst poput "kliknite ovdje" u vašem linku. Zapamtite, osobe s zaslonima osjetljivim na dodir ne mogu "kliknuti", tako da tekst izgleda kao proizvod prošlih razdoblja i zaista nije relevantan za današnje web-centre s više uređaja.
Ostale zanimljive vrste veza
Element A stvara standardnu vezu za drugi dokument, ali postoje i druge vrste veza koje bi vas mogle zanimati:
- Unutarnje veze ili sidra - To su veze do negdje unutar web stranice, a ne nužno na vrhu.
- Mape slike - Mape slike omogućuju stvaranje veza na slikama koje su mapirane na određena područja slike. To se može koristiti za igre ili kreativnu navigaciju. Često ih vidite s kartama na kojima se mogu kliknuti područja na karti. Imajte na umu da se mape slika ne upotrebljavaju na većini modernih web mjesta, dijelom jer mogu uzrokovati probleme na mobilnom uređaju.
- Element-Ovaj element koristi se za povezivanje drugih dokumenata i stranica s trenutnim. Neće stvoriti područje koje se može kliknuti na vašoj web stranici, ali je korisno razumjeti.