Link-uri sau ancore pe paginile web
Unul dintre principalele diferențiatoare între site-uri web și alte forme de medii de comunicare este ideea de "link-uri" sau de hyperlink-uri, așa cum sunt cunoscute din punct de vedere tehnic în termeni de design web.
În plus față de a ajuta la transformarea web-ului în ceea ce este astăzi, legăturile, precum și imaginile, sunt cu ușurință cel mai frecvent adăugând lucruri pe paginile web. Aceste articole sunt ușor de adăugat (doar două etichete HTML de bază ) și pot aduce entuziasm și interactivitate la ceea ce altfel ar fi pagini de text simplu. În acest articol, veți afla despre eticheta (ancora), care este elementul HTML propriu utilizat pentru a adăuga linkuri către paginile site-ului web.
Adăugarea de linkuri
O legătură este numită ancoră în HTML, așa că eticheta care o reprezintă este eticheta A. În mod obișnuit, oamenii se referă pur și simplu la aceste adăugiri ca "link-uri", dar ancora este ceea ce este de fapt adăugat la orice pagină.
Când adăugați o legătură, trebuie să indicați adresa paginii web pe care doriți să o acceseze utilizatorii atunci când dau clic sau atinge (dacă se află pe un ecran tactil) care se leagă. Specificați acest lucru cu atributul.
Atributul href înseamnă "referință hipertext" și scopul său este să dicteze adresa URL la care doriți să accesați acel link specific. Fără aceste informații, o legătură este inutilă - ar spune browserului că utilizatorul ar trebui să fie adus undeva, dar nu ar avea informațiile de destinație disponibile acolo unde ar trebui să fie "undeva". Această etichetă și acest atribut merg mână în mână.
De exemplu, pentru a crea un link text, scrieți:
paginii web pentru a accesa "> Textul care va fi linkul
Deci, pentru a vă conecta la web design / HTML home.com, scrieți:
Puteți să conectați aproape orice în pagina HTML, inclusiv imaginile . Încadrați simplu elementele HTML sau elementele pe care doriți să le creați o legătură cu etichetele și . Puteți crea, de asemenea, link-uri substituent, lăsând în afară atributul href - dar trebuie doar să vă întoarceți și să actualizați informațiile href mai târziu sau dacă linkul nu va face nimic atunci când este accesat.
HTML5 o face validă pentru a lega elementele de nivel bloc, cum ar fi paragrafele și elementele DIV . Puteți adăuga o etichetă de ancorare în jurul unei zone mult mai mari, ca o listă de diviziuni sau definiții, iar întreaga zonă va fi "clicabilă". Acest lucru poate fi util în special atunci când încercați să creați zone mai mari și mai puțin afectate de deget pe un site web.
Unele lucruri de reținut când adăugați linkuri
- Este necesar tag-ul final . Dacă uitați să îl includeți, tot ceea ce urmează acel link va fi legat, până când o altă legătură va închide eticheta.
- De cele mai multe ori, este mai bine să legați imagini singulare și scurte întinderi de text, decât blocuri mari de text. Link-urile pot adăuga culori și stiluri subliniate paginii dvs., care pot fi greu de citit. Desigur, puteți utiliza CSS pentru a schimba aceste stiluri de linkuri și a modifica culorile sau a elimina subliniază, dar este bine să fiți atenți la această realitate.
- Asigurați-vă că verificați link-urile dvs., astfel încât acestea să nu rătăcească. Link Rot poate face ca atât utilizatorii, cât și motoarele de căutare să considere site-ul dvs. invalid. Utilizați regulat un linker pentru a verifica legăturile din paginile dvs. Acest lucru este valabil mai ales atunci când vă conectați la site-uri terțe părți (pe care nu le gestionați) și care le pot schimba paginile de-a lungul timpului, lăsându-vă link-uri moarte. Un verificator de link-uri va găsi aceste link-uri moarte pentru a putea face orice actualizare necesară.
- Evitați textul ca "faceți clic aici" în linkul dvs. Amintiți-vă, oamenii cu ecrane tactile nu pot "face clic", astfel încât textul să se simtă ca un produs al unei epoci trecute și într-adevăr nu este relevant pe site-ul web centric pe mai multe dispozitive.
Alte tipuri interesante de legături
Elementul A creează o legătură standard cu un alt document, dar există și alte tipuri de link-uri care vă interesează:
- Link-uri interne sau ancore - acestea sunt link-uri către undeva în cadrul unei pagini web, nu neapărat partea de sus.
- Hărți imagine - Imaginile hărți permit crearea link-urilor pe imagini cartografiate în anumite zone ale imaginii. Acestea pot fi folosite pentru jocuri sau navigație creativă. Le vedeți adesea cu hărți unde zonele de pe hartă sunt clicabile. Rețineți că hărțile de imagini nu sunt utilizate pe cele mai moderne site-uri web, parțial deoarece pot provoca probleme pe dispozitivele mobile.
- Elementul -Acest element este folosit pentru a raporta alte documente și pagini la cel curent. Nu va crea o zonă pe care se poate face clic pe pagina dvs. web, dar este util să înțelegeți.