Cum Să Utilizați Pentru A Face Link-Uri Și Deschideți-Le În Cazul În Care Doriți!

cadre depreciate; utilizați numai _blank

singura valoare relevantă în prezent a targeteste _blank. Celelalte valori ale target au fost utilizate pentru a specifica cadre specifice. Cu toate acestea, cadrele au fost depreciate în HTML5.

țintă implicită

dacă nu este specificat target, linkul se va deschide în contextul curent, cu excepția cazului în care utilizatorul sau browserul specifică altfel.

a target=”_blank” deschis în fila (sau fereastra) nouă a browserului

atributul target specifică unde se va deschide documentul legat când se face clic pe link. Implicit este fereastra curentă. Dacă target="_blank", documentul legat se va deschide într-o filă nouă sau (pe browserele mai vechi) într-o fereastră nouă.

de ce să deschideți într-un Browser nou?

cel mai frecvent motiv pentru a utiliza `target=”_blank” este astfel încât linkurile offsite să se deschidă într-o filă separată. Acest lucru permite unui utilizator să facă clic pe o referință și să revină la ea mai târziu fără a părăsi pagina curentă. Menține vizitatorii pe site-ul dvs. mai mult timp și îmbunătățește majoritatea valorilor dvs.: rata de respingere, conversia, paginile vizitate.

deschideți toate linkurile externe într-o filă nouă cu JavaScript

nu trebuie să adăugați manual target="_blank" la fiecare link de pe site-ul dvs. Dacă vă conectați mult (ceea ce ar trebui să faceți), este ușor să adăugați un cod JavaScript pe site-ul dvs. și să transformați automat toate linkurile externe în linkuri _blank.


jQuery(document.links) .filter(function() { return this.hostname != window.location.hostname; }) .attr('target', '_blank');

(puteți vedea o formă ușor modificată a acestui cod în acțiune pe fiecare pagină a acestui site web.) Acest truc necesită jQuery, dar există o bună șansă pe care îl utilizați deja. Este utilizat în cele mai populare cadre și sisteme de gestionare a conținutului, inclusiv WordPress, Drupal și Twitter Bootstrap. Dacă trebuie să o faceți fără jQuery, acest lucru se poate face și el. Aici este o versiune „simplu JavaScript”:

function externalLinks() { for(var c = document.getElementsByTagName("a"), a = 0;a < c.length;a++) { var b = c; b.getAttribute("href") && b.hostname !== location.hostname && (b.target = "_blank") } } ; externalLinks(); 

pe lângă faptul că este mai ușor, acest lucru vă curăță considerabil marcajul.

motive pentru a nu utiliza `target=”_blank”

unii oameni susțin că utilizatorii nu preferă să deschidă link-uri într-un nou context de navigare. Ei cred că acest lucru este similar cu anunțurile pop-up și alte comportamente enervante. Odată cu creșterea navigării cu file, acest argument a dispărut în mare parte. Majoritatea utilizatorilor preferă să deschidă link-uri într-o filă nouă, deoarece le permite să vină link-uri de referință la coadă pentru citirea ulterioară fără a pierde contextul actual de navigare.

valorile atributului țintă

nume valoare Note
_blank deschide documentul legat într-o filă sau fereastră nouă.
_parent deschide legătura în cadrul părinte. Cadrele sunt depreciate în HTML5.
_self deschideți legătura în cadrul curent.
_top deschide legătura în cadrul cel mai de sus. Cadrele sunt depreciate în HTML5.
numele cadrului Deschide linkul din cadrul numit. Cadrele sunt depreciate în HTML5.

toate atributele elementului de ancorare

nume atribut valori Note
hreflang specifică limba resursei legate.
descărcare direcționează browserul să descarce resursa legată, mai degrabă decât să o deschidă.
țintă _blank
_parent
_self
_top
nume cadru
specifică contextul în care se va deschide resursa legată.
titlu text definește titlul unui link, care apare utilizatorului ca un sfat de instrumente.
href url specifică documentul, resursa sau locația legate.
nume
Adam este un scriitor tehnic care este specializat în documentația pentru dezvoltatori și tutoriale.

Lasă un răspuns

Adresa ta de email nu va fi publicată.

More: