Unul dintre diferențiatorii principali între site-urile web și alte forme de medii de comunicare este ideea de „linkuri” sau hyperlinkuri deoarece sunt cunoscuți din punct de vedere tehnic în termeni de design web.
Pe lângă faptul că ajută la transformarea internetului în ceea ce este astăzi, linkurile, precum și imaginile, sunt cu ușurință cele mai frecvente lucruri care adaugă pe paginile web. Din fericire, aceste articole sunt ușor de adăugat (doar două etichete HTML de bază) și pot aduce emoție și interactivitate la ceea ce altfel ar fi pagini cu text simplu. În acest articol, veți afla despre eticheta (ancoră), care este cea reală Element HTML folosit pentru a adăuga linkuri către paginile site-ului web.
Adăugarea de linkuri
O legătură se numește ancoră în HTML, astfel încât eticheta care o reprezintă este eticheta A. În mod obișnuit, oamenii se referă pur și simplu la aceste adăugiri drept „linkuri”, dar ancora este ceea ce se adaugă de fapt la orice pagină.
Când adăugați un link, trebuie să indicați spre
adresa paginii web la care doriți să meargă utilizatorii dvs. atunci când fac clic sau atingeți (dacă sunt pe un ecran tactil) acel link. Specificați acest lucru cu atributul.href atributul înseamnă „referință hipertext” și scopul său este să dicteze adresa URL unde doriți să mergeți acel link specific. Fără aceste informații, un link este inutil, deoarece ar spune browserului că utilizatorul ar trebui să fie adus undeva, dar nu ar avea informațiile despre destinație disponibile pentru locul în care ar trebui să fie „undeva” fi. Această etichetă și acest atribut merg mână în mână.
Puteți conecta aproape orice în pagina dvs. HTML, inclusiv imagini. Pur și simplu înconjurați elementele HTML sau elementele pe care doriți să fie un link cu etichetele și. De asemenea, puteți crea linkuri de substituent prin lăsarea în afara href atribut - dar trebuie doar să vă întoarceți și să actualizați informațiile href mai târziu sau linkul nu va face de fapt nimic atunci când este accesat.
HTML5 face valabilă legarea elementelor 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, cum ar fi o listă de diviziuni sau definiții, iar întreaga zonă va putea fi „făcută clic”. Acest lucru poate fi deosebit de util atunci când încercați să creați zone de lovire mai mari, potrivite pentru degete pe un site web.
Câteva lucruri de reținut atunci când adăugați linkuri
- Eticheta finală este necesar. Dacă uitați să îl includeți, tot ce urmează acel link va fi, de asemenea, legat, până când un alt link închide eticheta.
- De cele mai multe ori, cel mai bine este să legați imagini unice și scurte întinderi de text, mai degrabă decât blocuri mari de text. Linkurile pot adăuga culori și sublinierea stilurilor pe pagina dvs., care pot fi greu de citit. Desigur, puteți utiliza CSS pentru a modifica aceste stiluri de legături și a edita culorile sau a elimina sublinierile, dar este totuși bine să țineți cont de această realitate.
- Asigurați-vă că vă verificați linkurile, astfel încât acestea să nu cadă prost. Link Rot poate face atât utilizatorii, cât și motoarele de căutare să vă considere site-ul nevalid. Utilizați regulat un link checker pentru a verifica linkurile de pe paginile dvs. Acest lucru este valabil mai ales atunci când vă conectați la site-uri terță parte (site-uri pe care nu le gestionați) și care le pot schimba paginile în mod suplimentar, lăsându-vă legături moarte. Un verificator de linkuri va găsi aceste link-uri moarte, astfel încât să puteți face toate actualizările necesare.
- Evitați textul de tipul „faceți clic aici” în link. Amintiți-vă, persoanele cu ecrane tactile nu pot „face clic”, astfel încât textul să se simtă ca un produs al unei ere anterioare și într-adevăr nu este relevant în web-ul centrat pe mai multe dispozitive de astăzi.
Alte tipuri interesante de link-uri
A elementul creează un link standard către un alt document, dar există și alte tipuri de linkuri care vă pot interesa:
- Linkuri interne sau ancore: Acestea sunt linkuri către undeva în cadrul unei pagini web, nu neapărat în partea de sus.
- Hărți cu imagini: Hărțile cu imagini permit crearea de legături pe imagini care sunt mapate la anumite zone ale imaginii. Acestea pot fi folosite pentru jocuri sau navigare creativă. Le vedeți adesea cu hărți în care zonele de pe hartă pot fi făcute clic. Rețineți că hărțile de imagini nu sunt utilizate pe majoritatea site-urilor web moderne, în parte deoarece pot provoca probleme pe dispozitivele mobile.
- Elementul: Acest element este utilizat pentru a lega alte documente și pagini de cel curent. Nu va crea o zonă care poate fi făcută clic pe pagina dvs. web, dar este util să înțelegeți.