HTML & CSS pentru începători.

HTML & CSS pentru începători (Partea 12): Definirea hyperlinks-urilor (2)

Toate videoclipurile tutorialului HTML & CSS pentru începători

Puteți adăuga linkuri hipertext către adrese de email. Înainte de a vă arăta cum funcționează acest lucru, câteva informații suplimentare. Personal nu sunt un susținător al acestor linkuri de email. Mult mai potrivite sunt de fapt formularele. Deoarece, dacă nu este instalat un client de email sau nu este configurat pentru utilizatorul actual, linkurile de email nu vor funcționa corect. În cele din urmă, trebuie să decideți singuri dacă doriți să folosiți linkuri de email sau formulare. Informații detaliate despre formulare vor fi prezentate mai târziu în această serie.

Când se face clic pe un link de email, de obicei se deschide o fereastră de email pentru vizitator.

HTML & CSS pentru începători (Partea 12): Definirea hyperlink-urilor (2)

Însă acest lucru nu este garantat. Utilizatorul trebuie să fi configurat efectiv setările corespunzătoare. Încă o dată: Soluția de linkuri de email nu este ideală. Cu toate acestea, un astfel de link poate fi normal utilizat din când în când. Aici este sintaxa:

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



După cum puteți vedea, este inițial un hyperlink clasic.

HTML și CSS pentru începători (Partea 12): Definirea hyperlinkurilor (2)

Ceea ce este crucial aici este ceea ce se atribuie ca valoare atributului href. Destinația începe întotdeauna cu mailto, urmată de un două puncte. Apoi urmează adresa de email dorită.

Când vine vorba de referințele de email, ar trebui să fiți atenți la ce introduciți ca text de referință. Este recomandabil să introduceți acolo întotdeauna și o dată adresa de email. Astfel, utilizatorii, care nu primesc nicio reacție după ce fac clic pe hyperlink sau nu li se deschide un client de email, pot copia totuși adresa și vă pot trimite un email.

Dacă definiți linkuri de email, aveți de fapt mai multe opțiuni disponibile decât doar să puteți specifica adresa destinatarului. Rețineți că lucrurile descrise aici nu sunt un standard HTML, totuși majoritatea browserelor le susțin.

Mai întâi, puteți specifica direct un destinatar Cc.

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



Notăți după adresa destinatarului original un semn de întrebare. După aceea urmează cc și un semn de egalitate, urmat de adresa la care se va trimite o copie vizibilă a emailului. În mod alternativ la cc, puteți nota și bcc. În acest caz, adresa specificată va fi preluată în câmpul Bcc, emailul fiind trimis ca o copie invizibilă către acea adresă.

Dacă doriți să specificați un subiect predefinit, este de asemenea posibil.

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



Subiectul dorit îl specificați după subject. Pentru ca totul să funcționeze efectiv, ar trebui să nu utilizați spații în subiect sau să le mascați special prin secvența de caractere %20.

Dacă doriți, puteți de asemenea să specificați și textul emailului sau o parte din acesta. Acest lucru se face utilizând parametrul body.

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



HTML & CSS pentru începători (Partea 12): Definirea hyperlink-urilor (2)



Aici se aplică aceleași lucruri pe care le-am descris deja în contextul lui subject.

Oferirea de fișiere pentru descărcare

Dacă doriți să oferiți fișiere pentru descărcare pe site-ul dvs., puteți face acest lucru, desigur. (Aspectele legale le las în afara discuției aici). Acest lucru poate fi realizat extrem de ușor. Se definim un hyperlink și se indică fișierul corespunzător ca destinație.

<a href="buch.zip">Descărcări pentru cartea</a>



În acest caz, destinația este un fișier Zip. Dacă faceți clic pe hyperlink, în mod normal browserul va oferi un dialog de descărcare sau va descărca direct fișierul.

HTML & CSS pentru începători (Partea 12): Definirea hyperlinks (2)



Prin intermediul său, puteți descărca fișierul. În cele din urmă, browser-ele decid însă cum vor trata fișierele specificate.

Fișierele PDF sunt de obicei afișate direct de browsere atunci când se face clic pe linkul corespunzător. Aceasta este în cele mai multe cazuri, desigur, complet acceptabil. Cu toate acestea, s-ar putea dori de asemenea să se ofere fișiere PDF pentru descărcare. (Desigur, vizitatorii de pe site pot face clic dreapta pe link și pot descărca fișierul. Cu toate acestea, nu ar trebui să presupuneți neapărat că toți vizitatorii site-ului cunosc această posibilitate).

În HTML5, de fapt, se pot eticheta hyperlink-urile ca linkuri de descărcare. Pentru aceasta este folosit atributul download.

<a href="ebook.pdf" download>Descărcare</a>



Un link dotat cu acest atribut – presupunând mereu că browser-ul suportă atributul – va descărca fișierul.

În mod implicit, fișierul va fi salvat cu numele pe care îl are în original. Acest lucru este cu siguranță de obicei în regulă. Cu toate acestea, s-ar putea să doriți să atribuiți un alt nume fișierului descărcat. Acest lucru este de asemenea posibil fără probleme. Pentru aceasta se folosește din nou atributul download. Acest atribut primește ca valoare numele dorit.

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



Dacă browserul suportă această opțiune, atunci la descărcare va folosi numele atribuit atributului download.

HTML & CSS pentru începători (Partea 12): Definirea hyperlinks-urilor (2)

Specificați relații logice

Un atribut care poate fi interesant în contextul definirii hyperlink-urilor este rel. Prin acest atribut se specifică în ce relație logică se află hyperlink-ul față de destinația sa. De exemplu, browserele ar putea folosi această informație pentru a afișa icoane corespunzătoare când treci mouse-ul peste link-uri. În prezent, însă, acestea nu fac asta. Atributul rel nu are deci efecte vizibile.

<a href="zwei.htm" rel="next">următorul</a>



Pentru atributul rel sunt disponibile următoarele valori:

alternate – Link către o versiune alternativă a documentului.

author – Link către autorul documentului.

bookmark – Legătura permanentă a documentului, care poate fi folosită ca semn de carte.

help – Link către un fișier de ajutor.

license – Link către informațiile despre drepturile de autor.

next – Link către documentul următor.

nofollow – Aici se poate specifica că motoarele de căutare nu ar trebui să urmeze link-ul.

noreferrer – Browserul nu trimite un antet HTTP-Referrer.

prefetch – Documentul ar trebui să fie încărcat în cache.

prev – Link către documentul anterior.

search – Link către un instrument de căutare pentru document.

tag – Un cuvânt cheie care descrie documentul.

Prin aceasta relația dintre destinația link-ului și hyperlink-uri poate fi detaliată mai mult.