HTML ja CSS algajatele

HTML ja CSS algajatele (osa 12): Hüperlingi määratlemine (2)

Kõik õpetuse videod HTML ja CSS algajatele

Te saate e-posti aadresse muuta hüperlinkideks. Enne kui näitan, kuidas see toimib, mõned lisamärkused selle kohta. Isiklikult ei ole ma nende e-kirja linkide fänn. Pigem sobivad paremini vormid. Kui e-posti klient ei ole paigaldatud või pole praegusele kasutajale konfigureeritud, ei toimi e-posti lingid korralikult. Lõppkokkuvõttes peate loomulikult ise otsustama, kas soovite kasutada e-posti linke või vorme. Üksikasjalikud juhised vormide kohta järgnevad muidugi selle seeria edasises käigus.

Kui klikitakse e-kirja lingil, avaneb külastajale tavaliselt e-kirja aken.

HTML ja CSS algajatele (osa 12): Hüperlingi määratlemine (2)

Seda aga ei garanteerita. Siin peavad kasutaja poolt olema tegelikult tehtud vastavad seaded. Üldiselt ei ole e-kirja lingi lahendus ideaalne. Siiski võib sellist linki aeg-ajalt vajada. Siin on siis süntaks:

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



Nagu näete, on tegemist esmalt klassikalise hüperlingiga.

HTML ja CSS algajatele (osa 12): Hüperlinkide määratlemine (2)

Otsustav on aga see, millele href omadusena väärtus määratakse. Viitamissihtkoht algab alati mailto-st, millele järgneb koolon. Sellele järgneb soovitud e-posti aadress.

E-posti viidete puhul peaksite muide tähelepanu pöörama, mida sisestate viitetekstina. Parim oleks lisada sinna ka e-posti aadress. Nii saavad kasutajad, kellel pärast hüperlingi klõpsamist midagi ei juhtu või e-kirja klient ei avane, aadressi kopeerida ja siiski saata e-kirja.

Kui määratlete e-kirja lingid, on teil lisaks võimalik ka muid võimalusi peale saaja aadressi väljendada. Pidage silmas, et siin kirjeldatud asjad pole HTML-standard, kuid brauserid toetavad neid enamasti.

Alustuseks saate otse määrata Cc-saaja.

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



Sellele järeltuleva tegeliku saajaadressi taha märkige küsimärk. Sellele järgneb cc ja võrdusmärk, millele järgneb aadress, kuhu soovitakse saata nähtav e-kirja koopia. Võrdluseks võite märkida ka bcc. Sel juhul võetakse määratud aadress Bcc-väljale, e-kiri saadetakse sellele aadressile märkamatu koopia.

Kui soovite määrata eelmääratletud teema, on see samuti võimalik.

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



Soovitud teema märgitakse pärast subject. Selle töö tegemiseks ärge kasutage teemalühendeid ega maskige neid eriti märgijadast %20.

Kui soovite, võite määrata ka e-kirja teksti või selle osa. Selleks kasutatakse parameetrit body.

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



HTML ja CSS algajatele (osa 12): Hüperlingide määratlemine (2)



Siin kehtivad samad asjad, mis võisid juba olla seotud subject-iga.

Failide allalaadimiseks pakutavad failid

Kui soovite oma veebisaidil faile allalaadimiseks pakkuda, saate seda muidugi teha. (Õiguslikud aspektid jätsin siinkohal kõrvale). Seda saab lihtsate vahenditega teostada. Määrake hüperlink ja määrake vastava faili viitamissihtmärk.

<a href="buch.zip">Raamatu allalaadimised</a>



Antud juhul on viitamissihiks Zip-fail. Kui klõpsate hüperlingil, pakub brauser tavaliselt allalaadimisakent või laadib faili otse alla.

HTML ja CSS algajatele (Osa 12): Hüperlingid määratlemine (2)



Faili saab sealt siis alla laadida. Lõppude lõpuks otsustavad siiski brauserid, kuidas määratletud failidega toimitakse.

PDF-failid kuvavad brauserid tavaliselt otse, kui vastavale lingile klõpsata. Enamasti on see täiesti korras. Siiski võib ette tulla, et soovitakse ka PDF-faile allalaadimiseks pakkuda. (Mõistetavalt võivad kasutajad paremklõpsuga lingile klõpsatada ja faili alla laadida. Siiski ei tohiks eeldada, et kõik veebilehe külastajad sellest võimalusest teadlikud on).

HTML5-s saab tegelikult hüperlinke määratleda allalaadimislinkidena. Selleks kasutatakse atribuuti download.

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



Selle atribuudiga varustatud link – eeldusel, et brauser toetab atribuuti – laadib faili alla.

Vaikimisi salvestatakse fail algupärase nimega. See on kindlasti enamasti korras. Siiski võib juhtuda, et soovite allalaaditud failile anda teise nime. Ka see on täiesti võimalik. Selleks kasutatakse taas atribuuti download. Sellele atribuudile määratakse soovitud nimi.

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



Kui brauser seda võimalust toetab, kasutab ta allalaadimisel download atribuudile määratud nime.

HTML ja CSS algajatele (osa 12): Hüperlinkide määratlemine (2)

Loogiliste seoste määratlemine

Atribuut, mis võib olla hüperlinkide määratlemisega seoses huvitav, on rel. Selle atribuudi abil saab määrata, millises loogilises suhtes hüperlink viidatava sisuga on. Brauserid võiksid seda teavet näiteks kasutada hiirega linkidele liikumisel vastavate ikoonide kuvamiseks. Hetkel nad seda aga veel ei tee. Seega rel atribuudil pole nähtavaid mõjusid.

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



rel atribuudi jaoks on saadaval järgmised väärtused:

alternate – Link alternatiivsele dokumendiversioonile.

author – Link dokumendi autori juurde.

bookmark – Dokumendi püsilink, mida saab järjehoidjana kasutada.

help – Link abifailile.

license – Link autoriõiguste teabega.

next – Link järgmisele dokumendile.

nofollow – Ütleb otsingumootoritele, et linki ei tohi järgida.

noreferrer – Brauser ei saada HTTP Refereri päist.

prefetch – Dokument laaditakse vahemällu.

prev – Link eelmisele dokumendile.

search – Link dokumendi otsingutööriistale.

tag – Määratleb dokumendi kirjeldava märksõna.

Sellisel viisil saab paremini kirjeldada viidatava sisu ja hüperlingi vahelist suhet.