Jedna od glavnih razlika između web stranica i drugih oblika komunikacijskih medija je ideja "veza", ili hiperveze jer su tehnički poznati u smislu web dizajna.
Osim što pomažu da web postane takav kakav je danas, veze, kao i slike, lako su i najčešće dodavanje stvari na web stranice. Srećom, ove je stavke lako dodati (samo dvije osnovne HTML oznake) i mogu unijeti uzbuđenje i interaktivnost na ono što bi inače bile stranice s običnim tekstom. U ovom ćete članku saznati više o (usidrenoj) oznaci koja je stvarna HTML element koristi se za dodavanje poveznica na stranice web mjesta.
Dodavanje veza
Link se u HTML-u naziva sidro, pa je oznaka koja ga predstavlja A oznaka. Obično ljudi ove dodatke jednostavno nazivaju "poveznicama", ali sidro je ono što se zapravo dodaje na bilo koju stranicu.
Kada dodate vezu, morate pokazati na adresa web stranice na koji želite da korisnici idu kada kliknu ili dodirnu (ako su na dodirnom zaslonu) tu vezu. To specificirate s atributom.
The href atribut označava "hipertekst referencu" i njegova je svrha diktirati URL tamo gdje želite da ta posebna veza ide. Bez ovih podataka veza je beskorisna jer bi pregledniku rekla da treba dovesti korisnika negdje, ali ne bi imao dostupne informacije o odredištu tamo gdje bi to "negdje" trebalo biti. Ova oznaka i ovaj atribut idu ruku pod ruku.
Na svojoj HTML stranici možete povezati gotovo sve, uključujući slike. Jednostavno okružite HTML elemente ili elemente kojima želite biti poveznica s oznakama i. Također možete stvarati veze rezerviranih mjesta izostavljanjem href atribut - ali samo se pobrinite da se vratite i kasnije ažurirate href informacije jer u suprotnom veza neće učiniti ništa kad se pristupi.
HTML5 čini valjanim povezivanje elemenata na razini bloka poput odlomaka i DIV elementi. Oznaku sidra možete dodati oko puno većeg područja, poput podjele ili popisa definicija, i cijelo to područje bit će "moguće kliknuti". To može biti posebno korisno kada pokušavate na web mjestu stvoriti veća područja pogodna za prste.
Neke stvari koje biste trebali zapamtiti prilikom dodavanja veza
- Konačna oznaka je potreban. Ako ga zaboravite uključiti, sve što slijedi tu vezu također će biti povezano, sve dok druga veza ne zatvori oznaku.
- Većinu vremena najbolje je povezati pojedinačne slike i kratke raspone teksta, a ne velike blokove teksta. Veze mogu dodati boje i podcrtati stilove na vašu stranicu koji je teško pročitati. Naravno, možete koristiti CSS za promjenu ovih stilova veza i uređivanje boja ili uklanjanje podvlačenja, ali svejedno je dobro imati na umu ovu stvarnost.
- Svakako provjerite svoje poveznice kako se ne bi pokvarile. Link Rot može i korisnike i tražilice smatrati da je vaša web lokacija nevažeća. Redovito koristite alat za provjeru veza da biste provjerili veze na svojim stranicama. To je osobito istinito kada povezujete web stranice trećih strana (one kojima ne upravljate) i koje mogu tijekom vremena promijeniti njihove stranice, ostavljajući vam mrtve linkove. Program za provjeru veza pronaći će ove mrtve linkove kako biste mogli izvršiti potrebna ažuriranja.
- Izbjegavajte tekst poput "kliknite ovdje" na svojoj poveznici. Zapamtite, ljudi s dodirnim zaslonima ne mogu "kliknuti", tako da se taj tekst čini proizvodom prošlih razdoblja i stvarno nije relevantan u današnjoj mreži usmjerenoj na više uređaja.
Ostale zanimljive vrste poveznica
The A element stvara standardnu vezu do drugog dokumenta, ali postoje i druge vrste poveznica koje bi vas mogle zanimati:
- Interne veze ili sidra: To su veze do negdje unutar web stranice, ne nužno do vrha.
- Karte slika: Slikovne mape omogućuju stvaranje veza na slikama koje se preslikavaju na određena područja slike. Oni se mogu koristiti za igre ili kreativnu navigaciju. Često ih vidite s kartama na kojima se može kliknuti na područja na karti. Imajte na umu da se mape slika ne koriste na većini modernih web stranica, dijelom i zato što mogu stvarati probleme na mobilnim uređajima.
- Element: Ovaj se element koristi za povezivanje ostalih dokumenata i stranica s trenutnim. Neće stvoriti područje na koje se može kliknuti na vašoj web stranici, ali korisno je razumjeti.