- cadre depreciate; utilizați numai _blank
- țintă implicită
- a target=”_blank” deschis în fila (sau fereastra) nouă a browserului
- de ce să deschideți într-un Browser nou?
- deschideți toate linkurile externe într-o filă nouă cu JavaScript
- motive pentru a nu utiliza `target=”_blank”
- valorile atributului țintă
- toate atributele elementului de ancorare
cadre depreciate; utilizați numai _blank
singura valoare relevantă în prezent a target
este _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 |