Link-uri
Iată cât de departe ai ajuns cu pagina ta web, acum ea arată mai bine și mai frumos decât te așteptai.Dar ceea ce face navigarea pe internet atat de specială, inclusiv navigarea pe viitorul tău site, este stabilirea legăturilor intre o pagină cu alta sau altele, pentru asta avem termenul de link, ce înseamnă legatură!
Literele „H” si „T” din cadrul HTML, sunt semnificația cuvântului „hipertext”, ce simbolizează exact legăturile dintre texte (sau pagini), adică acele link-uri !
Avem un tag tip ancoră (adică funcția sa îl descrie ca o ancoră )<a> folosit pentru a defini un link, dar acest tag mai are nevoie de o mică descriere în interiorul său, și anume, destinația link-ului (între cine și cine se face legătura).
Adaugă și modifică documentul tău HTML, astfel:
<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Strict//EN”
“http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd”>
<html>
<head>
<title>Pagină personală</title>
</head>
<body>
<h1>Aceasta este prima mea pagină web.</h1>
<h2>Ce este asta</h2>
<p>O simplă pagină construită folosind limbajul HTML</p>
<h2>De ce este așa</h2>
<p>Pentru a învăța HTML</p>
<h2>Unde găsești acest tutorial, aici</h2>
<p><a href=”http://www.121416.net“>121416 web site</a></p>
</body>
</html>
Destinația legaturii este definită de atributul href din interiorul tag-ului.Link-ul poate fi radical orientat către o pagină web, precum http://www.121416.net sau relativ, orientat către informații ce aparțin aceleiași pagini.Dacă de exemplu mai ai încă o pagină web, să spunem numită pagina2.html, poți introduce o frază cu link către acea pagină, linia de cod arătând cam așa:
<a href=”pagina2.html”>Pagină personală 2</a>
Un link nu trebuie neapărat să facă trimitere către o pagina web, el poate trimite către orice fișier oriunde pe internet, pe oricare altă pagină web.
Un link poate trimite către o altă parte a celeiași pagini, în cazul în care conținutul mare impune navigatorului, folosirea scrolului de la mouse pentru a vizualiza tot textul.Așadar adaugând la oricare tag dorești, atributul id, denumești tag-ul respectiv, și unde anume pe pagină dorești, creezi un link către secțiunea dorită, toată treaba ar arăta astfel:
- Pentru denumire tag:
<h2 id=”informatii”>Info</h2>
- Pentru link :
<a href=”#informatii”>Dute la info</a>
Acest atribut folosit, va rula pagina direct și automat la secțiunea menționată.
Tag-ul <a> poate deschide link-ul întro fereastra nouă în browser, dar astfel riști ca vizitatorul să plece de pe pagina ce deține linkul.Aceasta constituie o problemă, pentru că în browser, navigatorul are optiunea de a reveni, prin butonul ”Back”, metoda de a deschide o legatura externă de siteul accesat, eventual o trimitere către un alt site, este una nedorită, pentru că practic alungi vizitatorul.
Veți observa cât de important este acest lucru pentru site-ul dumneavoastră, probabil cu trecerea timpului! Important este să țineți vizitatorul în acceași fereastră, astfel el va opta pentru mai puține clickuri, și va apela la optiunile browserului în cazul în care dorește ca acel link să îl deschidă întro pagina nouă, în nici un caz nu trebuie sa îl obligați să o facă!
Pagini relatate:
- Pagina următoare: Imagini
- Pagina precedentă: Listări în text
- Accesarea link-urilor ( Tutorialul HTML pentru avansaţi )
Bine aţi venit!