Este posibil să deschideți un link a href într-o filă nouă în loc de aceeași filă?
<a href="http://your_url_here.html">Link</a>
Deschideți linkul într-o filă sau fereastră nouă [duplicare]
Răspunsuri (4)
Ar trebui să adăugați target="_blank" și rel="noopener noreferrer" în eticheta de ancorare.
De exemplu:
<a target="_blank" rel="noopener noreferrer" href="http://your_url_here.html">Link</a>
Adăugarea rel="noopener noreferrer" nu este obligatorie, dar este o măsură de securitate recomandată. Mai multe informații pot fi găsite în linkurile de mai jos.
Sursă:
- MDN | Element HTML
<a>| atributultarget - Despre rel=noopener
- Deschide ancore externe folosind rel="noopener"
person
Nathan
schedule
21.03.2013
_blank se deschide într-o fereastră nouă, nu într-o filă nouă. Edit: Tocmai am încercat. Aparent, nu este adevărat. Atunci mă întreb care este diferența cu _tab
- person Toon Casteele; 21.03.2013
nu există _filă... există _nou și _blank
- person Nathan; 21.03.2013
Nicio noutate conform w3schools: w3schools.com/tags/att_a_target.asp
- person Toon Casteele; 21.03.2013
_noul funcționează bine... chiar dacă nu este listat acolo...
- person Nathan; 21.03.2013
La fel și _tab... Exact ideea mea. Vezi reacția lui @DarkCthulhu la răspunsul meu despre grupuri
- person Toon Casteele; 21.03.2013
_blank este gestionat pe bază de furnizor. Majoritatea browserelor moderne se vor deschide, implicit, într-o filă nouă. Browserele mai vechi, cum ar fi tezaurul IE, se vor deschide într-o fereastră nouă - fie pentru că nu au o funcție cu file, fie pentru că comportamentul lor implicit este o fereastră nouă.
- person Larry; 31.05.2013
Când nu utilizați un nume special, așa cum este specificat în linkurile de mai sus, ținta este numele ferestrei (sau cadrului) pe care îl vizați. Dacă îl setați la _tab sau _new, atunci se deschide o fereastră cu acest nume. Dacă un utilizator face clic pe acel link, se întoarce la pagina inițială și dă clic pe un alt link cu aceeași țintă, fila/fereastra deschisă prima dată ar trebui să aibă conținutul încărcat în ea.
- person umassthrower; 05.01.2015
Un sfat: fiți conștient de vulnerabilitatea datorată
_blank. Mai multe informații medium.com/@jitbit/
- person Aistis; 05.05.2016
@ToonCasteele În timp ce ceea ce spui este corect, MDN este considerată o sursă mai credibilă decât W3Schools. (Motivul pentru care este puțin lung de explicat aici și poate fi găsit cu ușurință de Google)
- person StubbornShowaGuy; 29.09.2016
Target=”_blank” - vulnerabilitate, explicată cu exemplu: mathiasbynens.github.io/rel-noopener
- person BRap; 09.04.2018
Vulnerabilitatea target=_blank vă poate schimba doar window.location (nu poate executa JS arbitrar, așa cum spune în mod înșelător articolul legat de Medium). noopener rezolvă asta. Pentru browserul mai vechi, este necesar noreferrer, dar asta înseamnă că site-urile web conectate nu vor putea ști de unde vine traficul (fără impact SEO totuși).
- person now; 01.05.2019
În Chrome 49 și Opera 36, Firefox 52, Desktop Safari 10.1+ și iOS Safari 10.3+, noreferrer nu mai este necesar.
- person now; 01.05.2019
Nu ar trebui să fie apelul tău să decizi dacă linkul ar trebui să se deschidă într-o filă nouă sau într-o fereastră nouă, deoarece în cele din urmă această alegere ar trebui făcută de setările browserului utilizatorului. Unora le plac filele; unele ca ferestre noi.
Utilizarea _blank va spune browserului să folosească o nouă filă/fereastra, în funcție de configurația browserului utilizatorului și de modul în care acesta face clic pe link (de exemplu, clic din mijloc, Ctrl+clic sau clic normal).
person
Gauthier
schedule
21.03.2013
Trebuie să fiu pe deplin de acord cu luarea deciziei de la utilizator sau browser. Utilizatorul va avea o preferință cu care este obișnuit și acest lucru îi înlătură dreptul la preferință. Cu toate acestea, acestea fiind spuse... sunt momente în care este nevoie de acest lucru. (tipărește dialoguri etc.)
- person avanderw; 27.11.2013
Deși cred că acest lucru este adevărat în multe cazuri, pentru utilizatorii mai puțin tehnici, cred (părerea mea) că acest lucru pur și simplu nu este adesea adevărat. Unii utilizatori pot avea nevoie de acest ajutor sau riscă să nu știe cum să se întoarcă la o pagină pe care și-au dorit-o lăsată deschisă. Cei doi cenți ai mei pentru a încerca să pun un pic mai mult din perspectiva experienței utilizatorului asupra lucrurilor.
- person matthewsheets; 30.01.2014
Aș fi de acord cu ce nu ar trebui pentru site-uri web, dar rețineți că nu tot HTML este scris pentru site-uri web. Mă gândeam la ceva pentru o aplicație web internă în care ar fi bine să deschid niște linkuri în file noi, fără a-i învăța pe toți cei de la birou cum să facă ctrl+clic.
- person TecBrat; 14.03.2014
Deși sunt în mare parte de acord cu @gotson pe site-urile web tradiționale... devine cazul că, pentru aplicațiile web, este posibil să nu doriți ca linkurile externe să vă distrugă aplicația. Un caz bun este noua funcție de promovare a aplicației web Chrome... în care utilizatorilor li se oferă un lansator de aplicații fără Chrome. În acest caz, accesarea link-urilor externe și navigarea pe site-ul web extern va necesita apăsări mai multe butoane înapoi pentru a reveni la aplicație.
- person Ray Foss; 16.03.2015
Cum este acest lucru atât de apreciat când nici măcar nu răspunde la întrebare?
- person Yay295; 09.09.2015
Apreciez că acest lucru a obținut note mari pentru a oferi cea mai bună practică de a nu genera o nouă filă/fereastră. Cu toate acestea, am avut doar un context în care cel mai bun comportament era să fac exact asta. Mai exact, construiesc un site în Pagini GH și sunt pagini în care vreau să invit cititorul să facă remedieri rapide. Dacă se face clic pe link, atunci acestea sunt trimise la repo pentru a face editarea. Odată ce editarea este completă, atunci ei trebuie să facă câteva clicuri înapoi în browser. Sau, cu _blank, pur și simplu închid fila. De asemenea, îi ajută să se orienteze în timpul editării.
- person Merovex; 26.10.2015
Nu aș fi în mod evident de acord că aceasta este cea mai bună practică și susțin că depinde în întregime de cazul de utilizare. De exemplu, lucrez la o aplicație web în care utilizatorul își desfășoară cea mai mare parte a muncii zilnice și ar fi groaznic să ai un link de navigare în aceeași filă. De asemenea, dacă am o pagină de tutorial/instrucțiuni, aș trimite la materiale conexe și nu aș dori să navighez pe loc. Cu toate acestea, dacă pagina este destinată doar să fie consumată de utilizator, navigarea pe loc ar fi probabil mai ideală.
- person Spazmoose; 28.06.2017
corectează-mă daca greșesc. Nu văd o opțiune pentru a seta link-uri deschise în fila nouă în browserul Safari din Mac. Deci utilizarea pentru _blank este încă necesară/utilă pentru cazuri ca acesta.
- person prabhu; 19.02.2018
Îmi este greu să accept asta ca fiind cea mai bună practică. Cumva, cu aplicațiile desktop, nimeni nu se îndoiește că deschiderea unei ferestre/file noi față de schimbarea conținutului în aplicația existentă este doar decizia designerului UI.
- person Red; 01.07.2018
Cred că ar putea exista și implicații SEO, dacă instruiți browserul să nu trimită un referrer, nu?
- person Phil; 02.07.2019
setați atributul target al elementului dvs. <a> la "_tab"
EDIT: Funcționează, totuși W3Schools spune că nu există un astfel de atribut țintă: http://www.w3schools.com/tags/att_a_target.asp
EDIT2: Din câte mi-am dat seama din comentarii. setarea țintei la _blank vă va duce la o filă sau o fereastră nouă (în funcție de setările browserului dvs.). Tastând orice, cu excepția unuia dintre cele de mai jos, va crea un nou grup de file (nu sunt sigur cum funcționează acestea):
_blank Opens the linked document in a new window or tab
_self Opens the linked document in the same frame as it was clicked (this is default)
_parent Opens the linked document in the parent frame
_top Opens the linked document in the full body of the window
framename Opens the linked document in a named frame
person
Toon Casteele
schedule
21.03.2013
vrei să spui _blank sau _new... din câte știu că nu există _tab
- person Nathan; 21.03.2013
Lol, tocmai l-am încercat și a funcționat. Mă întreb de ce...
- person Toon Casteele; 21.03.2013
W3Schools NU este W3C. Vedeți w3fools.com
- person Jace Cotton; 21.03.2013
Deci o să-mi spui că atributele la care m-am referit sunt incorecte @Jacedc?
- person Toon Casteele; 21.03.2013
@Jacedc Puteți folosi orice acolo în loc de
_tab. Se creează un grup de ferestre.
- person Anirudh Ramanathan; 21.03.2013
Nu totul la W3Schools este incorect. Dar înainte ai spus W3C (The World Wide Web Consortium), și apoi a fost legat de W3Schools, care nu are nicio legătură cu W3C sau cu crearea de standarde web. Dar văd că ai editat-o. :)
- person Jace Cotton; 21.03.2013
Da, pentru că l-ai subliniat și sunt corectat, mulțumesc pentru asta :)
- person Toon Casteele; 21.03.2013
Cum să deschid 2 link-uri care au _blank în 2 file noi, mai degrabă decât în aceeași filă nouă?
- person ACV; 15.09.2015
#@ACV dacă au _blank ca țintă, ar trebui să fie în file separate. Dacă aveți altceva decât cele enumerate mai sus (de exemplu: _tab), noua fereastră/filă va avea acest nume și ambele se vor deschide în acea fereastră/filă.
- person drevicko; 25.08.2017
Puteți face asta pur și simplu setând target="_blank", w3schools are un exemplu.
person
Ehsan
schedule
21.03.2013
simplu si la obiect, multumesc
- person Emre; 01.08.2018
Atenție că, deși adăugarea rel=noopener noreferrer este opțională, are probleme de securitate. Doar copiați răspunsul acceptat sau citiți linkurile menționate acolo pentru a afla de ce este necesar.
- person Nick; 22.07.2019
rel="noopener"la linkuri) - person Carl Ambroselli schedule 22.03.2016