HTML & CSS pre začiatočníkov

HTML & CSS pre začiatočníkov (časť 12): Definovanie hyperlänkov (2)

Všetky videá tutoriálu HTML & CSS pre začiatočníkov.

Na e-mailové adresy môžete pridať odkazy. Predtým, ako vám ukážem, ako to funguje, ešte niekoľko poznámok. Osobne nie som zástancom týchto e-mailových odkazov. Oveľa lepšie sú formuláre. Ak totiž nie je nainštalovaný e-mailový klient alebo nie je konfigurovaný pre aktuálneho používateľa, e-maily nefungujú správne. Nakoniec však musíte sami rozhodnúť, či chcete používať e-mailové odkazy alebo formuláre. Podrobnejšie informácie o formulároch budú samozrejme nasledovať v ďalšom priebehu tejto série.

Ak kliknete na e-mailový odkaz, bežne sa návštevníkovi otvorí okno e-mailu.

HTML & CSS pre začiatočníkov (časť 12): Definovanie odkazov (2)

Avšak to nie je garantované. Tu sa musia skutočne urobiť príslušné nastavenia od používateľa. E-mailové riešenie s odkazom nie je teda ideálne. Napriek tomu sa môže tento odkaz občas určite zísť. Tu je syntax:

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



Ako vidíte, ide o klasický hyperlink.

HTML & CSS pre začiatočníkov (časť 12): Definovanie hyperodkazov (2)

Avšak tu je dôležité, na čom je stanovená hodnota atribútu href. Cielená adresa sa vždy začína s mailto, nasledovaná dvojbodkou. Za tým nasleduje žiadaná e-mailová adresa.

Pri e-mailových referenciách by ste mali venovať pozornosť, čo zadáte ako text odkazu. Je najlepšie vždy uviesť aj e-mailovú adresu. Tak môžu používatelia, ktorým sa po kliknutí na odkaz nič nestane alebo sa neotvorí e-mailový klient, skopírovať adresu a napriek tomu vám poslať e-mail.

Ak špecifikujete e-mailové odkazy, máte k dispozícii aj ďalšie možnosti okrem zadania adresy príjemcu. Pri tom si uvedomte, že tieto veci opísané tu nie sú štandardom HTML, ale prevažne sú podporované prehliadačmi.

Môžete priamo uviesť Cc príjemcu.

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



Za skutočnou e-mailovou adresou zadajte otáznik. Nasledujú cc a rovnítko, za ktorým nasleduje adresa, kam sa má zaslať viditeľná kópia e-mailu. Môžete tiež uviesť bcc namiesto cc. V tomto prípade sa uvedená adresa prijme do Bcc pošty a e-mail sa ako neviditeľná kópia pošle na túto adresu.

Ak chcete určiť predom definovanú tému, je to tiež možné.

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



Požadovanú tému uveďte za subject. Aby to fungovalo, tému by ste nemali uvádzať s medzerami alebo by ste ich mali maskovať do špeciálneho reťazca %20.

Ak chcete, môžete tiež uviesť e-mailový text alebo časť z neho. Na to sa používa parameter body.

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



HTML & CSS pre začiatočníkov (časť 12): Definovanie odkazov (2)



Tu sa uplatňujú rovnaké veci, ktoré boli popísané v súvislosti s subject.

Ponúkanie súborov na stiahnutie

Ak chcete na svojej webovej stránke ponúknuť súbory na stiahnutie, môžete to samozrejme urobiť. (Legálne aspekty nechám teraz bokom). Realizácia tohto je veľmi jednoduchá. Definujete hyperlink a zvolíte príslušný súbor ako cieľ odkazu.

<a href="buch.zip">Stiahnite si knihu</a>



V tomto prípade je cieľovým súborom súbor Zip. Kliknutím na hyperlink sa bežne zobrazí dialógové okno na stiahnutie alebo súbor sa stiahne priamo.

HTML & CSS pre začiatočníkov (časť 12): Definovanie odkazov (2)



Pomocou neho môžete súbor stiahnuť. Nakoniec však prehliadače rozhodnú, akým spôsobom sa s uvedenými súbormi zaobchádza.

PDF súbory prehliadače zvyčajne priamo zobrazujú, ak sa klikne na príslušný odkaz. V drvivej väčšine prípadov je to zcela v poriadku. Avšak môže nastať situácia, keď sa tiež chcú ponúknuť PDF súbory na stiahnutie. (Samozrejme, používatelia môžu kliknúť na odkaz pravým tlačidlom myši a súbor stiahnuť. Avšak nemali by ste predpokladať, že všetci návštevníci webových stránok budú o tejto možnosti vedieť).

V HTML5 môžete skutočne označiť hyperlinky ako odkazy na stiahnutie. Na to sa používa atribút download.

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



Link označený týmto atribútom stiahne súbor - vždy za predpokladu, že prehliadač tento atribút podporuje.

Súbor sa štandardne ukladá pod pôvodným menom súboru. Aj to je pravdepodobne v poriadku. Avšak môže nastať situácia, že chcete stiahnutej súbori priradiť iné meno. Aj to je samozrejme možné. Na to sa opäť použije atribút download. Atribútu je priradené želane meno ako hodnota.

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



Ak prehliadač podporuje túto možnosť, pri sťahovaní použije názov priradený k atribútu download.

HTML & CSS pre začiatočníkov (časť 12): Definovanie odkazov (2)

Určenie logických vzťahov

Atribút, ktorý môže byť zaujímavý v súvislosti s definíciou hyperodkazov, je rel. Pomocou tohto atribútu je možné určiť, v akej logická vzťah hyperlink stojí k cieľovej adrese. Prehliadače by mohli napríklad využiť túto informáciu na zobrazenie príslušného ikonky pri najazdení myšou na odkazy. Momentálne to však nerobia. Atribút rel nemá teda žiadne viditeľné účinky.

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



Pre atribút rel sú dostupné tieto hodnoty:

alternate – Odkaz na alternatívnu verziu dokumentu.

author – Odkaz na autora dokumentu.

bookmark – Trvalý odkaz na dokument, ktorý je možné použiť ako záložku.

help – Odkaz na súbor s nápovedou.

license – Odkaz na informácie o autorských právach.

next – Odkaz na ďalší dokument.

nofollow – Týmto sa dá naznačiť, že vyhľadávače by nemali nasledovať odkaz.

noreferrer – Prehliadač neodosiela HTTP Referrer hlavičku.

prefetch – Dokument by sa mal načítať do vyrovnávacej pamäti.

prev – Odkaz na predchádzajúci dokument.

search – Odkaz na nástroj na vyhľadávanie v dokumente.

tag – Kľúčové slovo opisujúce dokument.

Týmto spôsobom je možné bližšie popísať vzťah medzi cieľovou adresou a hyperodkazmi.