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. Srećom, ove su stavke jednostavne za dodavanje (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), što je stvarni HTML element koji se koristi 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.
href atribut označava "hipertekstualnu referencu" i 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:
Tekst koji će biti veza
Dakle, da biste se povezali s web dizajnom / HTML početnom stranicom, pišete:
Lifewire
Možete povezati gotovo sve na svojoj HTML stranici, uključujući slike. Jednostavno okružujte HTML elemente ili elemente s kojima želite biti veza
i oznake. Također možete izraditi veze rezerviranog mjesta tako što ćete izostaviti 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 elemenata na razini blokova kao što su odlomci i DIV elementi. 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
- Konačni oznaka je potreban, 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 išlo loše. 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 mjestima treće strane (one koje ne upravljate) i koje mogu promijeniti svoje stranice nerijetko, ostavljajući vas s mrtvim vezama. 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 se tekst osjeća kao proizvod prošlih razdoblja i zaista nije relevantan u današnjem centru s više uređaja.
Ostale zanimljive vrste veza
element stvara standardnu vezu na drugi dokument, ali postoje i druge vrste veza koje bi vas mogle zanimati:
- Unutarnje veze ili sidrišta - 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.
