Linkovi ili sidra na web stranicama
Jedan od primarnih diferencijatora između web stranica i drugih oblika komunikacionih medija je ideja o "vezama" ili hiperlinksima, jer su tehnički poznati u terminima web dizajna.
Pored toga što pomažu u kreiranju weba kakav je danas, linkovi, kao i slike, lako se najčešće dodaju na web stranice. Thanfully, ovi predmeti se lako dodaju (samo dva osnovna HTML oznaka ) i oni mogu donijeti uzbuđenje i interaktivnost na ono što bi u suprotnom bile obične stranice teksta. U ovom članku ćete saznati za (sidro) oznaku, što je stvarni HTML element koji koristite za dodavanje linkova na stranice web stranice.
Dodaj linkove
Veza se zove sidro u HTML-u, pa je oznaka koja je predstavljaju oznaku A. Obično, ljudi jednostavno nazivaju ove dodatke kao "veze", ali sidro je ono što se stvarno dodava na bilo koju stranicu.
Kada dodate vezu, morate navesti adresu web stranice koju želite da korisnici idu kada kliknu ili dodirnu (ako su na dodirnom ekranu) koji su povezani. To odredite sa atributom.
Atribut href označava "hipertekstualnu referencu", a njegova svrha je da diktira URL adresu na kojoj želite da odaberete određeni link. Bez ove informacije, veza je beskorisna - to bi objasnilo pretraživaču da korisnik treba donijeti negde, ali ne bi imao dostupne informacije o mjestu gdje bi to trebalo "negde". Ova oznaka i ovaj atribut ide ruku pod ruku.
Na primer, da biste kreirali tekstualnu vezu, pišete:
URL web stranice da biste prešli na "> Tekst koji će biti veza
Dakle, da biste se povezali na početnu stranicu About.com Web Design / HTML, pišete:
Možete povezati gotovo bilo šta na vašoj HTML stranici, uključujući i slike . Jednostavno okružite HTML elemente ili elemente koje želite povezati s oznakama i . Takođe možete da kreirate linkove mesta tako što ćete ostaviti href atribut - ali samo obavezno se vratite i ažurirajte href informacije kasnije ili link neće zapravo učiniti ništa kada se pristupa.
HTML5 čini ga validnim da poveže elemente blok-nivoa kao paragrafi i DIV elemente. Možete dodati oznaku sidrišta oko mnogo većeg područja, kao što je lista podjela ili definicija, a cijelo područje će biti "kliknuto". Ovo može biti posebno korisno prilikom pokušaja stvaranja većih, područja pogodnih za prst na web lokaciji.
Neke stvari koje treba zapamtiti prilikom dodavanja veza
- Završna oznaka je potrebna . Ako ste zaboravili da je uključite, sve što sledi tu vezu takođe će biti povezano, dok drugi link ne zatvori oznaku.
- Većinu vremena najbolje je povezati pojedinačne slike i kratke raspone teksta, a ne velike blokove teksta. Linkovi mogu dodati boje i podvlačiti stilove na vašu stranicu koja je teško čitati. Naravno, možete koristiti CSS da biste promenili ove stilove veza i uredili boje ili uklonili naglasak, ali ipak je dobro imati u vidu ovu stvarnost.
- Obavezno proverite svoje veze kako ne bi došlo do lošeg. Link Rot može učiniti kako korisnicima tako i pretraživačima da smatraju da je vaš sajt nevažeći. Redovno koristite provjeru linkova kako biste potvrdili veze na vašim stranicama. Ovo je posebno tačno kada se povežete sa stranicama trećih lica (one koje ne upravljate) i koje mogu da menjaju svoje stranice tokom vremena, ostavljajući vam mrtve veze. Provera veze će pronaći ove mrtve veze kako biste mogli napraviti sve neophodne ispravke.
- Izbegavajte tekst kao "kliknite ovde" u vašoj vezi. Zapamtite, ljudi sa ekranima osetljivim na dodir ne mogu "kliknuti", tako da se tekst oseća kao proizvod iz prošlosti i zaista nije relevantan na današnjem višekratnom uređaju.
Drugi interesantni tipovi veza
Element A kreira standardnu vezu sa drugim dokumentom, ali postoje i druge vrste linkova za koje biste možda bili zainteresirani:
- Unutrašnje veze ili sidra - to su veze negde unutar web stranice, a ne nužno na vrhu.
- Mape slika - Mape slike omogućavaju stvaranje veza na slikama koje su mapirane u određena područja slike. Mogu se koristiti za igre ili kreativnu navigaciju. Često ih vidite sa mapama na kojima se područja na mapi mogu kliknuti. Imajte na umu da se mape slika ne koriste na većini modernih web lokacija, dijelom zato što mogu izazvati probleme na mobilnom uređaju.
- Element-This element se koristi za povezivanje drugih dokumenata i stranica sa trenutnim. Na vašoj web stranici neće stvoriti područje koje se može kliknuti, ali je korisno razumjeti.