HTML & CSS za začetnike

HTML in CSS za začetnike (del 12): Definiranje hiperpovezav (2)

Vsi videoposnetki vadnice HTML in CSS za začetnike.

Lahko dodate povezave na e-poštne naslove. Preden pokažem, kako to deluje, še nekaj informacij. Osebno nisem pristaš teh povezav na e-pošto. Bolje primerni so obrazci. Če e-poštni odjemalec ni nameščen ali ni konfiguriran za trenutnega uporabnika, povezave na e-pošto ne delujejo pravilno. Seveda pa se morate sami odločiti, ali želite uporabiti povezave na e-pošto ali obrazce. Podrobne informacije o obrazcih bodo sledile v nadaljevanju tega niza.

Ko uporabnik klikne na povezavo na e-pošto, se obiskovalcu običajno odpre e-poštno okno.

HTML in CSS za začetnike (Del 12): Definiranje hiperpovezav (2)

To pa ni zagotovljeno. Uporabnik mora dejansko opraviti ustrezne nastavitve. Ponavljam: rešitev povezave na e-pošto torej ni idealna. Vseeno pa se lahko zgodi, da potrebujete takšno povezavo. Tu je torej sintaksa:

<a href="mailto:kontakt@psd-tutorials.de">kontakt@psd-tutorials.de</a>



Gre za klasično hiperpovezavo.

HTML in CSS za začetnike (Del 12): Definiranje hiperpovezav (2)

Tukaj pomembno je, kaj je dodeljeno kot vrednost href atributu. Ciljna točka se vedno začne z mailto, sledi dvopičje. Temu sledi želeni e-poštni naslov.

Pri e-poštnih povezavah bodite pozorni, kaj vnašate kot besedilo povezave. Najbolje je, da vedno znova vnesete tudi e-poštni naslov. Tako lahko tudi uporabniki, ki po kliku na hiperpovezavo ne opazijo sprememb ali se e-poštni odjemalec ne odpre, kopirajo naslov in vseeno pošljejo e-pošto.

Ko določate povezave na e-pošto, imate na voljo še druge možnosti, poleg tega, da določite naslov prejemnika. Upoštevajte, da opisane stvari niso standard HTML, vendar jih večinoma podpirajo brskalniki.

Lahko neposredno določite Cc prejemnika.

<a href="mailto:kontakt@psd-tutorials.de?cc=info@psd-tutorials.de">kontakt@psd-tutorials.de</a>



Za dejanskim naslovom prejemnika zapišite vprašaj. Sledijo cc in enačaj, za katerim je mail, na kateri naj bo poslana vidna kopija e-pošte. Namesto cc lahko zapišete tudi bcc. V tem primeru se naveden naslov prenese v polje Bcc, e-pošta poslana kot nevidna kopija na ta naslov.

Če želite navedti prednastavljen zadeva, je tudi to možno.

<a href="mailto:kontakt@psd-tutorials.de?subject=Post%20an%20PSD-Tutorials.de">kontakt@psd-tutorials.de</a>



Predmet določite za subject. Za dejansko delovanje ne uporabljajte presledkov, temveč jih maskirajte z nizom %20.

Če želite, lahko navedete tudi e-poštno besedilo ali del besedila. Uporabite parametra body.

<a href="mailto:kontakt@psd-tutorials.de?body=Hallo%20PSD-Tutorials.de">kontakt@psd-tutorials.de</a>



HTML in CSS za začetnike (del 12): Definiranje hiperpovezav (2)



Tukaj veljajo iste stvari, ki so bile že opisane v povezavi z subject.

Ponujanje datotek za prenos

Če želite na vaši spletni strani ponuditi datoteke za prenos, lahko to seveda storite. (Pri tem puščam pravne vidike na stranskem tiru). To lahko realizirate zelo enostavno. Opredelite hiperpovezavo in kot ciljni URL navedete ustrezno datoteko.

<a href="buch.zip">Prenesi knjige</a>



V tem primeru je ciljni URL zip datoteka. Če kliknete hiperpovezavo, bo brskalnik običajno ponudil možnost prenosa ali neposrednega prenosa datoteke.

HTML in CSS za začetnike (del 12): Definicija hiperpovezav (2)



Za prenos datoteke uporabite lahko ta dialog. Vendar o tem, kako navedene datoteke obravnavajo brskalniki, končno odločajo.

Brskalniki navadno PDF-datoteke prikažejo neposredno, ko kliknete na ustrezno povezavo. To je v večini primerov povsem v redu. Lahko pa se zgodi, da želite tudi PDF-datoteke ponuditi za prenos. (Seveda lahko obiskovalci spletne strani izberejo možnost z desnim miškinim gumbom in datoteko prenesejo. Vendar ne bi smeli predpostavljati, da vsi obiskovalci spletnega mesta poznajo to možnost).

V HTML5 lahko dejansko označite hiperpovezave kot povezave za prenos. Za to se uporablja atribut download.

<a href="ebook.pdf" download>Prenesi</a>



Povezava, opremljena s tem atributom – pod pogojem, da brskalnik podpira atribut – bo prenesla datoteko.

Privzeto bo datoteka shranjena pod imenom, ki ga ima v izvorni obliki. To je v večini primerov povsem v redu. Lahko pa se zgodi, da želite preneseni datoteki dodeliti drugo ime. Tudi to je povsem mogoče. Ponovno uporabite atribut download. Kot vrednost tega atributa dodelite želeno ime.

<a href="ebook.pdf" download="dk.pdf">Prenesi</a>



Ko brskalnik to omogoča, pri prenosu uporabi ime, dodeljeno atributu download.

HTML in CSS za začetnike (del 12): Definiranje hiperpovezav (2)

Navajanje logičnih povezav

Atribut, ki je lahko zanimiv v kontekstu definicije hiperpovezav, je rel. Preko tega atributa se lahko določi, v kakšnem logičnem odnosu je hiperpovezava s ciljno povezavo. Brskalniki bi lahko te informacije uporabili, na primer za prikazovanje ustreznih ikon ob premikanju miške čez povezave. Trenutno tega še ne počnejo. Atribut rel torej nima vidnih učinkov.

<a href="zwei.htm" rel="next">naslednja</a>



Za atribut rel so na voljo naslednje vrednosti:

alternate – Povezava do alternative verzije dokumenta.

author – Povezava do avtorja dokumenta.

bookmark – Trajen povezava dokumenta, ki se lahko uporabi kot zaznamek.

help – Povezava do datoteke s pomočjo.

license – Povezava do informacij o avtorskih pravicah.

next – Povezava do naslednjega dokumenta.

nofollow – S tem se lahko določi, da iskalniki ne smejo slediti povezavi.

noreferrer – Brskalnik ne pošlje HTTP-Referrer glave.

prefetch – Dokument naj bo naložen v predpomnilnik.

prev – Povezava do prejšnjega dokumenta.

search – Povezava do orodja za iskanje dokumenta.

tag – Ključna beseda, ki opisuje dokument.

S tem se lahko torej bolj natančno opiše odnos med ciljno povezavo in hiperpovezavami.