Bazele HTML - Linkuri și ancore

• Mai 5, 2024

Puteți utiliza legături pentru a conecta pagina la alte pagini, sau chiar pentru a sări la diferite părți ale aceleiași pagini. Linkurile conferă site-ului dvs. web o calitate dinamică care o face diferită de, să spunem, o carte sau o revistă.

La nivelul său de bază, o etichetă de legătură arată astfel:



Orice etichetă care începe cu „a” indică o legătură, dar există două tipuri de legături de bază: hyperlinkuri și ancore numite. Un hyperlink este un link care conectează o pagină web la o pagină web diferită și va arăta așa:

Link text aici

Informațiile din etichetă indică browserul dvs. că acesta este un hyperlink (href) care se conectează la pagina web „page.html”. Textul din interiorul etichetelor (linkul text aici) este partea din linkul pe care un vizitator îl vede efectiv și poate face clic pe pentru a trece la page.html. Dacă vă conectați la o pagină de pe site-ul dvs. de la o pagină situată în același site, puteți lăsa informațiile din domeniu. De exemplu, dacă creați un link pe pagina dvs. situată la www.domain.com/home.html și linkul conectat la pagina de destinație www.domain.com/page.html, puteți scrie linkul și să săriți pe informatii despre nume de domeniu. Dacă lăsați numele domeniului, browserul va presupune că pagina de destinație este localizată pe același site web ca pagina de legătură.

Ancora numită (adesea numită pur și simplu „ancoră”) are un scop diferit. După cum ați putut ghici din nume, o ancoră creează un steag invizibil pe pagina care spune browserului unde să aterizeze atunci când configurați un link care aruncă vizitatorii la un anumit punct al unei pagini. O ancoră arată astfel:



De obicei, o ancoră nu conține niciun text între etichetele de deschidere și închidere, deoarece este doar pentru a marca un spot pe pagină. Pentru a crea un link care să permită vizitatorilor să sară la acest loc din pagină dintr-o altă pagină, puteți construi un hyperlink astfel:

Accesați secțiunea Postare

„#” Din link spune browserului că vă conectați la o ancoră numită. Dacă doriți să creați un hyperlink care să sară un vizitator într-o altă secțiune a aceleiași pagini, ar arăta astfel:

Accesați secțiunea Postare

O altă parte importantă a hyperlinkurilor dvs. este atributul „țintă”. Acest lucru spune browserului cum să afișeze pagina de destinație. Aveți trei opțiuni principale: 'target = "_ blank",' 'target = "_ self",' și 'target = "_ top".'

Argumentul „_blank” va deschide pagina legată într-o fereastră nouă. Acest lucru este util în special atunci când vă conectați la un site extern, deoarece vizitatorul poate naviga prin noul site către conținutul inimii sale, fără a-și pierde locația pe site-ul dvs. De asemenea, este mai bine să deschideți documente precum PDF-uri într-o fereastră nouă, deoarece vizitatorii vor închide automat documentul în momentul în care vor termina.

Argumentul „_self” face ca pagina legată să înlocuiască pagina curentă în fereastra browserului existent. Acest lucru este cel mai bun pentru linkurile din cadrul site-ului dvs.; în caz contrar, vizitatorii care fac multă navigare pe site-ul dvs. se vor încheia cu multe ferestre deschise, ceea ce poate fi extrem de enervant! Acesta este argumentul implicit pentru atributul „țintă”, deci dacă nu specificați o țintă, legăturile dvs. vor folosi întotdeauna fereastra browserului existent.

Argumentul „_top” este utilizat în general pe site-urile de internet frameet și îi spune browserului să suprascrie întregul frameet, spre deosebire de încărcarea paginii noi în orice parte a frameet-ului deține linkul inițial.

Instrucțiuni Video,: Tutorial C - Prezentare limbajului de programare (Mai 2024).