Što su veze za HTML5 veze za rezerviranje?
idUp do HTML5, oznaka je zahtijevala jedan atribut: href. Ali HTML5 čini čak i to atribut opcionalnim. Kada napišete oznaku bez atributa, naziva se veza rezervirano mjesto.
Značajka veze rezervacija izgleda ovako:
PrethodnaUpotreba zamjenskih veza tijekom razvoja
Gotovo svaki web dizajner je stvorio linkove rezerviran u jednom ili drugom trenutku pri projektiranju i izgradnji web stranice. Prije HTML5 pisali smo:
tekst vezekao rezervirano mjesto. Poslao sam stranice za mockup klijentima s tim rezerviranim mjestima samo da me klijenti pitaju "zašto linkovi u tekstu ne funkcioniraju?"
Problem upotrebe hashtag-a (#) kao veze rezerviranog mjesta je taj da se veza može kliknuti, a to može uzrokovati zbrku za vaše klijente. Ako se netko zaboravlja da ih ažurira s točnim URL-ovima, te se veze mogu pojaviti na slomljenoj web stranici jer ne povezuju ništa.
Umjesto toga, trebali biste početi upotrebljavati oznake bez atributa. Možete ih oblikovati da izgledaju kao bilo koja druga veza na vašoj stranici, ali neće se kliknuti jer su samo rezervirana mjesta.
Korištenje veza mjesta rezervnih mjesta na web stranicama uživo
Ali veze za veze mjesta imaju mjesto u web dizajnu više nego samo razvoj. Jedno mjesto na kojem se može spojiti rezervirano mjesto nalazi se u navigaciji. U mnogim slučajevima, popisi web stranica za navigaciju imaju neki način pokazivanja stranice na kojoj se nalazite. To se često naziva pokazatelj "ti si ovdje".
Većina se web lokacija oslanja na atribute id na elementu koji treba oznaku "ti si ovdje", no neki koriste i atribut klase. Međutim, bez obzira na atribut koji upotrebljavate, morate svaku stranicu na kojoj se nalazi navigacija morati obaviti skup radova, dodavati i uklanjati atribut iz ispravnih elemenata.
S vezom rezervirano mjesto možete napisati svoju navigaciju kako god želite, a zatim jednostavno uklonite atribut href s odgovarajuće veze kada dodate navigaciju na stranicu. Pohranjujem cijeli popis za kretanje kao isječak u svom uređivaču, pa je samo brzi kopiranje i zatim izbrisati href. Također možete dobiti svoj CMS za istu stvar.
I osim dodavanja posebnog modela (prikazat ću vam kako se nalazi u nastavku) na vezu rezerviranog mjesta, veza se ne može kliknuti. Stoga se korisnici ne zbunjuju jer misle da bi mogli dobiti nešto drugo ako kliknu na navigacijsku vezu na kojoj se trenutno nalaze.
Oblikovanje veza mjesta za rezerviranje
Linkovi rezerviranih mjesta su jednostavni za stil i stil drugačije od ostalih linkova na vašoj web stranici. Jednostavno budite sigurni da stilizirate i oznaku i oznaku a: link. Na primjer:
a {boja: crvena; font-weight: bold; tekst ukrašavanja: none; } a: link {boja: plava; font-težina: normalno; tekst ukrašavanje: podcrtavanje; }Ovaj CSS učinit će veze mjesta za rezerviranje podebljano i crveno, bez podcrtavanja. Iako će redovite veze biti normalne, plave i podcrtane.
Ne zaboravite vratiti sve stilove na koje ne želite prenijeti oznaku a. Na primjer, veličinu fonta postavljam podebljano za veze rezerviranih mjesta, pa sam je morao postaviti na:
font-težina: normalno;za standardne veze. Isto vrijedi i za uređivanje teksta, uklanjajući ga selektorom, uklonit će se za odabir linka: ako ga ne vratim.