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. Din fericire, aceste elemente sunt ușor de adăugat (doar două etichete de bază HTML) ș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 real 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.
href atributul înseamnă "referință hipertext", iar 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:
Textul care va fi linkul
Deci, pentru a vă conecta la web design / HTML home.com, scrieți:
Lifewire
Puteți să conectați aproape orice în pagina HTML, inclusiv imaginile. Simplu înconjurați elementele sau elementele HTML pe care doriți să le creați o legătură cu
și Etichete. De asemenea, puteți crea link-uri de substituent, lăsând în afară href atribut - dar trebuie doar să vă întoarceți și să actualizați informațiile href mai târziu sau dacă link-ul nu va face nimic atunci când este accesat.
HTML5 o face valabilă pentru a conecta elemente la nivel de bloc, cum ar fi paragrafele și DIV elemente. 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
- Finala eticheta este necesar. 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 administraț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 dintr-o epocă trecută și într-adevăr nu este relevant în actualul web centralizat cu mai multe dispozitive.
Alte tipuri interesante de legături
A elementul creează o legătură standard cu un alt document, dar există și alte tipuri de linkuri care ar putea fi interesate:
- Linkuri interne sau ancore - Acestea sunt linkuri 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 utilizat pentru a raporta alte documente și pagini la cele curente. Nu va crea o zonă pe care se poate face clic pe pagina dvs. web, dar este util să înțelegeți.
