i9b6bm
Printr-o legatura intr-un document HTML intelegem marcajul locului de unde se poate efectua trecerea (cuplarea, conectarea) la un alt document sau la o noua locatie din documentul curent. Un loc marcat mai este denumit ancorare.
Marcajele pot fi de doua tipuri:

legaturi catre alte locatii: acestea se vor caracteriza prin textul legaturii (vizibil in documentul afisat pe ecran) si prin adresa la care se poate efectua un salt; textul legaturii va aparea pe ecran subliniat, intr-o culoare diferita de cea a textului adiacent; adresa tinta a legaturii apare (daca nu s-a indicat alt text) pe linia de stare a ferestrei browserului atunci cand pointerul mouse-ului este pe textul legaturii; definiri de nume care au doar rolul de a introduce tinte pentru legaturi; nu sunt diferentiate in documentul afisat pe ecran.
Cele doua tipuri de marcaje pot fi prezente simultan desi lega la o alta legatura produce o oarecare intarziere. Marcajul utilizat pentru ambele tipuri de legaturi este <A> </A>, A provenind de la anchor. Desi sintaxa lui poate fi prezentata unitar, in continuare se discuta separat principalele forme ale tagului.

Legatura la un URL
<A HREF="link-url" a REL="tip-rel"i a REV="tip-rev"i a TITLE="title-name"i a TARGET=window|_blank|_parent|_self|_topi> text_legatura
</A> unde: link-url este adresa (absoluta sau relativa) a documentului catre care se poate efectua saltul; utilizarea unei adrese relative pentru documentele din acelasi director sau de pe aceeasi masina reduce mult timpul necesar incarcarii si permite o mai buna intretinere a paginii;

Reamintim ca expresia completa a unui URL este: tip-resursa://host.domaina:porti/path.filename

unde:

tip-resursa poate fi file - fisier de pe masina documentului; ftp - un fisier de pe un server FTP anonim; http - un fisier de pe un server WWW; gopher - un fisier de pe un server Gopher;
WAIS - un fisier de pe un server WAIS; news - un grup de stiri Usenet; telnet - conexiune la un serviciu Telnet.
Portul de comunicatie poate fi omis daca nu se specifica explicit un alt port; de exemplu, portul implicit pentru http este 80, pentru gopher este 70. tip-rel precizeaza tipul de relatie care leaga documentul, unde este ancora, de documentul referit; valoarea sa este un sir (intre ghilimele); tip-rev precizeaza tipul de relatie care leaga documentul referit de documentul prezent (relatia inversa decat tip-rel); valoarea sa este un sir (intre ghilimele);

Datorita utilizarii sporadice a acestor atribute nu s-a efectuat o standardizare a valorilor pentru tipurile de relatii! Informatia respectiva este interpretata de browsere dupa necesitati; title-name poate fi folosit pentru a da o descriere legaturii, descriere afisata de unele browsere cand mouse-ul se misca peste ancora; in lipsa se va considera adresa drept titlu;
TARGET este utilizat pentru a preciza unde va fi afisat documentul referit (daca se va activa legatura, bineinteles). Valorile posibile sunt:
"nume fereastra" - indicand exact fereastra de afisare, daca nu exista este creata;
_blank - o fereastra noua;
_parent - fereastra parinte (cea anterioara);
_self - in aceeasi fereastra ca si documentul curent (valoarea implicita);
_top - in fereastra initiala.
Atributul TARGET este pus in valoare de utilizarea cadrelor in formarea zonei afisate, dar poate produce o diversificare a prezentarii si in rest. Valoarea _blank permite, de exemplu, vizitarea unui sit fara a parasi situl de ancorare (deci fara necesitatea reincarcarii unor pagini la revenire). text_legatura poate fi orice text (care poate sa contina imagini), formatat sau nu, dar care nu mai poate contine alte legaturi. Acest text este afisat diferentiat fata de textul adiacent lui pentru a se atentiona ca este locul de unde se poate "naviga" catre alte adrese. Pentru proiectarea modului de afisare sunt disponibile trei atribute ale tagului BODY:
LINK="#rrggbb"|"culoare"
VLINK="#rrggbb"|"culoare"
ALINK="#rrggbb"|"culoare"

unde LINK defineste culoarea textului si chenarului pentru legaturile care nu au fost vizitate, VLINK (Viewed LINK) defineste culoarea textului si chenarului pentru legaturile care au fost vizitate, ALINK (Active LINK) defineste culoarea textului si chenarului pentru legaturi care tocmai au fost activate (pana se realizeaza legatura sau se activeaza alta portiune a documentului curent). Fiecare browser are, totusi, comportari diferite in interpretarea acestor atribute.

In cazul cand se utilizeaza o imagine drept text-legatura, chenarul este chenar al imaginii; daca text-legatura este doar text, atunci chenarul este doar inferior (subliniere). De exemplu, imaginea utilizata in acest document pentru a indica prezenta unui apare cu bordura in locurile unde exista o legatura efectiva catre un exemplu. Aici apare doar ca imagine (orice click pe suprafata ei ramane fara efect, cel mult se produce o selectare uzuala in procesarea de text). Reamintim ca atributele se vor scrie in tagul de inceput BODY: <BODY LINK= ...>.

Sa urmarim exemplul:

<HTML>
<HEAD>
<TITLE>Exemplul20</TITLE>
</HEAD>
<BODY
TEXT="#006666"
BGCOLOR="#F0F0F0"
LINK="blue"
VLINK="purple"
ALINK="lime"
>
Acesta este un exemplu in care se prezinta o legatura catre un alt document.<P>
Culoarea legaturii nevizitate este <EM>blue</EM>, a legaturii vizitate este <EM>purple</EM> iar ultima conexiune activata este <EM> lime</EM>.<P>
Pentru a intelege exemplul, observati culoarea legaturii din paragraful urmator inainte de a o activa, in timpul activarii si dupa ce va veti intoarce din documentul catre care se efectueaza saltul.
Pentru a reveni va trebui sa urmati indicatiile din documentul care se va activa.<P>
<A HREF="exemplul21.html">Conexiunea</A><P>
De remarcat ca textul documentului este scris in <EM>darkgreen</EM> iar hartia este o nuanta de alb.</EM>
</BODY>
</HTML>

De remarcat ca in legatura catre exemplul21.html nu este indicata vreo fereastra anume, ceea ce produce incarcarea documentului in aceeasi fereastra.
Daca rescriem exemplul utilizand redirectarea incarcarii catre alta fereastra (textul identic nu mai este listat in continuare):
<HTML>
<HEAD>
<TITLE>Exemplul20</TITLE>
</HEAD>
<BODY
TEXT="#006666"
BGCOLOR="#F0F0F0"
LINK="blue"
VLINK="purple"
ALINK="lime"
>
...
Pentru a reveni va trebui sa urmati indicatiile din documentul care se va activa.<P>
<A HREF="exemplul21.html" TARGET=_top >Conexiunea</A><P>
...
</BODY>
</HTML>

vom vedea ca exemplul21.html se va incarca in fereastra din initiala a browserului (_top). Se va observa ca bara de titlu contine exemplul21.html datorita faptului ca fereastra principala contine acest document.
O legatura catre un sit foarte complex, cum ar fi situl Microsoft, este indicata intr-un mod similar:

<A HREF="https://www.microsoft.com/" target=...> Microsoft </A>

care va produce

Microsoft

legatura ce poate fi activata prin dublu click pe textul subliniat.

Observatie:

In exemple s-au utilizat (pentru o incarcare mai rapida) doar conectari catre documente de pe masina curenta, fapt reflectat in utilizarea unor adrese relative (doar numele fisierelor, care se afla in acelasi director/folder cu fisierul unde este legatura).

Legatura la o sectiune
Pentru a putea naviga in cadrul documentului activ este nevoie de doua etape:

marcarea locului unde se poate efectua saltul, locatia denumita (tinta), si marcarea locului de unde se poate efectua saltul (ancorarea).
Ambele etape se efectueaza prin tagul A si sunt explicate in continuare.
1. Crearea unei locatii denumite. Acolo unde este necesar sa se efectueze saltul, similar introducerii unei etichete intr-un limbaj de programare, se va marca locul prin

<A NAME="denumire">
atext-denumirei
</A>

unde: denumire este numele sub care locatia poate fi referita in legaturi hipertext. Nu apare in pagina vizualizata; text-denumire este textul care apare in pagina vizualizata, nu este evidentiat in niciun mod, constituie, in general, numele sectiunii catre care se poate naviga (poate sa lipseasca).

2. Legatura hipertext la o locatie denumita din document. Marcarea ancorarii se face uzual printr-un tag A de forma:

<A HREF="#denumire"> text_legatura
</A>

unde: denumire este numele unei locatii denumite din acelasi document; de remarcat ca este necesar caracterul # in fata denumirii; text_legatura este textul care va aparea in document sub aspectul uzual al unui punct de salt posibil.

Exemplul urmator contine schema unui document care contine un cuprins si doua sectiuni. Din Cuprins se poate efectua un salt la oricare dintre sectiuni iar din finalul fiecarei sectiuni se poate reveni la cuprins. Se va urmari modul in care se marcheaza locurile de interes.

<HTML>
<HEAD>
<TITLE>Exemplul 23</TITLE>
</HEAD>
<BODY>
<A NAME="cuprins"><H2>Cuprins</H2></A>
<A HREF="#sect1">Sectiunea 1</A>
<A HREF="#sect2">Sectiunea 2</A>

<A NAME="sect1"><H2>Sectiunea 1</H2></A>

... continutul sectiunii 1
...
<SMALL>Revenire la <A HREF="#cuprins">CUPRINS</A></SMALL>

<A NAME="sect2"><H2>Sectiunea 2</H2></A>
... continutul sectiunii 2
...
<SMALL>Revenire la <A HREF="#cuprins">CUPRINS</A></SMALL>

</BODY>
</HTML>

Legatura hipertext la o locatie denumita din alt document. Marcarea ancorarii se face tot printr-un tag A in care referinta are un continut mai complex:
<A HREF="link-url#denumire"> text_legatura
</A>

unde: link-url este adresa documentului catre care se poate efectua saltul (relativa sau absoluta); denumire este numele unei locatii denumite din documentul referit; de remarcat ca este necesar caracterul # in fata denumirii; text_legatura este textul care va aparea in document sub aspectul uzual al unui punct de salt posibil.

In cazul in care documentul tinta nu are definite denumiri de locatii, crearea acestora va necesita, evident, drepturi de scriere in acel document.

Exemplu urmator va afisa in fereastra alaturata sectiunea 2 din Exemplul23 (restul documentului este accesibil prin defilare uzuala):

<A HREF="exemplul23.html#sect2" TARGET=...>
Sectiunea 2
</A>

va realiza in pagina marcajul:
Sectiunea 2 care prin activare va intregi exemplul.

Alte marcaje
<BASE HREF="URL de baza" a TARGET=window|_blank|_parent|_self|_topi>

specifica adresa URL a paginii home pentru documentul curent.
Tagul BASE este permis doar in sectiunea HEAD a documentului si nu este recunoscut de toate browserele (desi este un tag din HTML 2.0).

URL de baza este adresa completa a documentului home pentru documentul curent; daca se utilizeaza TARGET, atunci toate legaturile din pagina curenta vor fi deschise in fereastra specificata, cu exceptia celor care sunt redirectate individual prin tagul A.
Atributul TARGET este extensie Netscape si Microsoft.

<LINK a HREF="link-url" a REL="tip-rel"i a REV="tip-rev"i a TITLE="title-name"i a TYPE="nume-tip"i>

arata o legatura de la documentul curent la altul, in special pentru a furniza informatie interna. Atributele: link-url este adresa (absoluta sau relativa) catre care exista o legatura; tip-rel precizeaza tipul de relatie care leaga documentul, unde este ancora, de documentul referit; valoarea sa este un sir (intre ghilimele); tip-rev precizeaza tipul de relatie care leaga documentul referit de documentul prezent (relatia inversa pentru tip-rel); valoarea sa este un sir (intre ghilimele).

Datorita utilizarii sporadice a acestor atribute nu s-a efectuat o standardizare a valorilor pentru tipurile de relatii !

title-name poate fi folosit pentru a denumi legatura (ca informatie a documentului curent); nume-tip specifica un nume pentru tipul de legatura (ca informatie interna a documentului).
Tagul LINK poate fi utilizat doar in sectiunea HEAD si pot exista mai multe intrari LINK.
Poate fi utilizat pentru a furniza informatii despre autor, adrese email, tipuri de documente referite etc. cu utilizare posibila in afaceri. Exploatarea informatiilor tine de programul navigator, fiind in sectiunea HEAD nu se afiseaza nimic in pagina vizualizata.

Este utilizat in indicarea documentului ce contine stiluri predefinite.