Home » Articole » Articole » Calculatoare » Dezvoltarea web » HTML » Legăturile (linkurile) într-un sit web

Legăturile (linkurile) într-un sit web

postat în: HTML 0

Legăturile (linkurile) în HTML pot lua două forme, ambele fiind create cu eticheta de ancorare (<a>). Acestea pot fie să trimită către o resursă dintr-o altă locație, fie către o locație din document. Primele sunt folosite mult mai frecvent decât cele din urmă, totuși linkurile interne revin la popularitate odată cu creșterea derulării infinite.

Calea absolută, de bază și relativă

Atributul href al unei etichete de ancorare definește locația reală pe care o va reprezenta linkul. Căile absolute și relative sunt două metode de referință pentru conectarea siturilor și a paginilor. Deși ambele metode pot fi folosite atunci când se creează linkuri care trimit către conținut de pe situl nostru, numai cea absolută poate fi folosită atunci când indică un conținut care se află în afara domeniului tău.

Căile absolute reprezintă întreaga lungime a linkului necesară pentru a identifica o resursă, fie că este o pagină, o imagine, un script sau un fișier media. Adresa URL https://www.telework.ro/ro/web-design-ro/ ne spune că vrem să mergem la pagina de început din folderul de servicii web design pentru limba română al sitului web telework.ro. Dacă acesta era situl nostru și am vrut să mergem la fișierul de început din folderul de articole pentru dezvoltare web din categoria calculatoare, l-am putea scrie ca https://www.telework.ro/ro/category/ro/calculatoare/dezvoltarea-web/ (absolut) sau ../ro/category/ro/calculatoare/dezvoltarea-web/ (relativ). Inițial .. indică browserului că intenția noastră este să revenim cu un strat de adâncime (adică „în sus” un nivel în dosare) și apoi în folderul respectiv.

Folosind doar simbolul / fără .. spune serverului că vrem să începem din folderul rădăcină al serverului și să navigăm de acolo, adică începem cu calea de bază.

O cale de bază este tot ceea ce este necesar pentru a ne duce la pagina de început a folderului rădăcină al sitului. Acesta este de obicei http://www.numesit.ro și este partea pe care o găsiți lipsă în calea relativă de mai sus. Combinația dintre calea de bază și calea relativă este egală cu calea dvs. absolută.

Ţinta

În timp ce eticheta de ancorare anchor acceptă mai multe atribute, unul dintre cele mai importante dintre acestea este ”target” (”ținta”). Acest atribut descrie unde vor fi încărcate linkurile, cum ar fi o filă nouă sau aceeași filă/ fereastra de browser pe care o folosim deja. Atributul poate lua oricare dintre următoarele valori pentru a defini locația respectivă.

Tabelul 2 Țintele de ancorare

Valoare Descriere
_blank Opens the linked document in a new window or tab
self Opens the linked document in the same frame as it was clicked
(this is default)
_parent Opens the linked document in the parent frame
_top Opens the linked document in the full body of the window
framename Opens the linked document in a named frame

(Din manualul php.net, Atribuire Creative Commons 3.0)

În cadrul paginii

Putem adăuga linkuri către o pagină care mută utilizatorul în pagină în sine, ceea ce este util în paginile cu conținut mare. Pentru a face acest lucru, folosim o etichetă de ancorare pentru a defini unde vrem să fie destinația noastră. Când ne creăm linkul, facem pur și simplu referire la numele ancorei noastre, precedat de un semn diez în locul unei adrese URL tradiționale.

Un text aici.
<a href="#Destinatia">Faceți clic aici pentru a merge mai jos.</a>
Mai mult text.
Și mai mult text!
<a name="Destinatia">
Aici vrem să „sărim”.

Un text aici.
Faceți clic aici pentru a merge mai jos.
Mai mult text.
Și mai mult text!
Aici vrem să „sărim”.

Sursa: Michael Mendez, The Missing Link – An Introduction to Web Development and Programming (CC BY-NC-SA 3.0 License), Published by Open SUNY Textbooks, Milne Library (IITG PI), State University of New York at Geneseo. Traducere de Nicolae Sfetcu

Ghid WordPress pentru dezvoltatori
Ghid WordPress pentru dezvoltatori

WordPress este o platformă pentru site-uri web rapidă, fiabilă, cu facilități multiple pentru dezvoltatori și ușor de utilizat. Totusi, dezvoltatorii și beneficiarii au de multe ori nevoie să adauge funcționalități suplimentare pentru a răspunde nevoilor lor. Acest ghid oferă unele … Citeşte mai mult

Nu a fost votat $3.99 Selectează opțiunile
Ghid WordPress pentru începători
Ghid WordPress pentru începători

WordPress combină simplitatea pentru utilizatorii şi editori cu complexitate suportului software pentru dezvoltatori. Acest lucru îl face mai flexibil, fiind în acelaşi timp uşor de utilizat. Simplitatea sa face posibilă instalarea şi publicarea online rapid. Nimic nu ar trebui să … Citeşte mai mult

Nu a fost votat $2.99$4.77 Selectează opțiunile
Proiectarea, dezvoltarea şi întreţinerea siturilor web
Proiectarea, dezvoltarea şi întreţinerea siturilor web

Un ghid pentru dezvoltatorii web, cu accent pe HTML, XML, JavaScript, SQL, tehnologii web, software web, software pentru dezvoltare web, aplicaţii web, şabloane pentru aplicaţii web, AJAX, servicii web, sindicalizarea web, web design, situri web, găzduirea web, analiza siturilor web, … Citeşte mai mult

Nu a fost votat $2.99$11.97 Selectează opțiunile

Lasă un răspuns

Adresa ta de email nu va fi publicată. Câmpurile obligatorii sunt marcate cu *