Despre legături (linkuri) şi ancore HTML

Despre legături (linkuri) şi ancore HTML

Legătura (link-ul) este o etichetă destul de importantă în HTML deoarece conferă utilizatorului posibilitatea navigării de la o pagină la alta. De obicei link-ul este subliniat iar atunci când suntem deasupra lui cursorul îşi schimbă forma.

Link-ul este definit cu etichetele <a> şi </a> şi are atributele:
href - adresa fişierului destinaţie
target - în ce fereastră se va deschide fişierul destinaţie
title - o mică descriere asociată legăturii afişată în timpul în care mouse-ul se află deasupra legăturii

Adresa fişierului destinaţie (href) poate fi exprimată astfel:
nume fisier - dacă se află în acelaşi folder cu pagina curentă
adresa relativa - dacă se află pe acelaşi server sau disc, indicându-se calea
adresa URL - fiind adresa completă a paginii (de exemplu: http://www.proba.ro/pagina.html )

Atributul target poate lua valorile:
_blank - pagina va fi încărcată într-o inedită fereastră
_parent - pagina va fi încărcată în fereastra părinte
_top - pagina va fi încărcată în fereastra top a cadrului
_self - pagina va fi încărcată în aceeaşi fereastră

Exemplu: link catre pagina www.drogoreanu.ro
cod HTML Rezultatul codului
<a href="http://www.drogoreanu.ro"
target="_blank">Cătălin Drogoreanu</a> Cătălin Drogoreanu

Putem insera un link către o adresă de e-mail putând asocia şi un subiect prestabilit:
cod HTML Rezultatul codului
<a href="mailto:test@test.ro">Trimite e-mail</a> Trimite e-mail
<a href='mailto:test@test.ro?subject="subiect prestabilit"'>Trimite e-mail</a> Trimite e-mail

Culoarea link-urilor poate fi modificată introducând în eticheta body următoarele atribute:
LINK - legătură nevisitată (default albatru)
VLINK - legătură visitată (default rosu)
ALINK - legătură activă (nu prea se foloseşte - default portocaliu)

Ancore

Se pot adăuga puncte de reper (ancore) pentru o deplasare mai usoară în cazul unor pagini HTML destul de lungi sau către un loc anume aflat într-o altă pagină.
Ancora se defineşte tot între etichetele <a> şi </a> dar cu atributul name. Pentru a face trimitere înspre ancoră se introduce un link cu atributul href cuprinzând ca valoare denumirea ancorei astfel:
Ancora <a name="nume">Ancora</a>
Link către ancora aflată în aceeaşi pagină <a href="#nume">Înapoi la ancora</a>
Link către ancora aflată în altă pagină <a href="pagina.html#nume">Înapoi la ancora din pagina.html</a>