Deschideți pagina HTML într-o filă nouă. Cum se deschide un link într-o fereastră nouă

Cu toții înțelegem că uneori este mai convenabil să deschideți link-uri în fereastra curentă, iar uneori într-una nouă. Eu personal ader la o regulă simplă în majoritatea proiectelor - dacă linkul este intern (în cadrul site-ului), atunci implicit se deschide în fereastra curentă, iar linkurile externe care duc undeva către alte site-uri deschid implicit ferestre noi (file).

...

atribut target nu este specificat sau este specificat în formularul target="_self" , atunci documentul se deschide în fereastra curentă a browserului, iar dacă linkului i se atribuie un atribut al formularului target="_blank" , documentul se deschide într-o fereastră nouă.

Dar atunci apare întrebarea - cum poate un utilizator să facă diferența între aceste 2 tipuri de link-uri fără să facă clic pe ele sau să se uite la codul HTML al paginii?

Cel mai logic este dacă designul CSS al celor două tipuri de link-uri este diferit, iată o opțiune în care link-urile cu target="_blank" sunt evidențiate cu caractere aldine:

A ( font-weight:expression((this.getAttribute("target") && this.getAttribute("target")=="_blank") ? "bold": "normal"); ) a ( font-weight:bold ;

Aici, așa cum se întâmplă adesea, trebuie să luăm în considerare separat Internet Explorerși alte browsere, prima indicație de stil este doar pentru IE, iar a doua - pentru alte browsere.

Puteți experimenta în mod similar cu alte proprietăți CSS, cum ar fi sublinierea pentru decorarea textului:

A ( text-decoration:expression((this.getAttribute("target") && this.getAttribute("target")=="_blank") ? "underline" : "none"); ) a ( text-decoration:subliniere ;

În funcţie de ierarhie Proprietăți CSS, într-un anumit browser este posibil ca ceva să nu funcționeze. În plus, nu aș folosi sublinierea când implicit toate linkurile sunt deja subliniate (sau nu sunt subliniate).

O modalitate alternativă și între browsere este să încercați să separați legăturile externe de restul prin intermediul lor adrese. Să presupunem că legăturile externe sunt întotdeauna specificate ca absolut(începând cu prefixul http://), iar cele interne sunt scrise ca relativ. Cel mai adesea, asta fac pe site-urile normale. Acest lucru funcționează și în IE, de macar, din versiunea 8.

A ( font-weight: bold /* Bold pentru link-uri absolute */ )

Dar aici ne-am abătut de la sarcina originală și pur și simplu solicităm ca URL-ul să înceapă cu http://, adică evidențiem cu caractere aldine URL-uri absolute care nu sunt neapărat externe și nu toate linkurile care se deschid într-o fereastră nouă.

În afară de IE 6 și 7, puteți simplifica lucrurile folosind pseudo-elementele înainte și după, care vă permit să specificați ce ar trebui să apară înainte sau după elementele la care sunt atașate.

De exemplu, prin stil putem adăuga o poză mică după fiecare link care se deschide într-o fereastră nouă.

Totuși, mi se pare că este mai logic să simplu schimba designul de fundal un link care se deschide într-o fereastră nouă - până la urmă, adăugarea oricărui text sau imagine înainte sau după link poate perturba aspectul site-ului. Pentru a nu suferi, vom pune gălbui culoare de fundal toate linkurile se deschid într-o fereastră nouă.

A ( culoare de fundal: #FFFF99; ) a ( culoare de fundal: expresie((this.getAttribute("target") && this.getAttribute("target")=="_blank") ? "#FFFF99" : "transparent ");)

După ce faci clic pe butonul dorit, veți vedea un meniu contextual pe ecran. ÎN acest meniu trebuie să plasați cursorul peste comanda „Deschidere în nou”. fila" și tasta responsabilă pentru a face clic pe butonul stâng al mouse-ului (sau a atinge de două ori senzorul). Linkul se va deschide într-unul nou fila .

Deschiderea unui link într-unul nou fila folosind mouse-ul. Ținând cont de acțiunile pasului anterior, este ușor să ne imaginăm ce trebuie făcut pentru a deschide linkul într-unul nou fila. De asemenea, trebuie să treceți cu mouse-ul peste link și apoi să faceți clic Click dreapta mouse-ul pe el. În meniul care se deschide, selectați „Deschide în nou” fila» și faceți clic pe el cu butonul stâng al mouse-ului. Site-ul se va deschide într-un nou fila, în același timp, vei rămâne pe pagina veche.

De asemenea, astăzi există o modalitate mai ușoară de a deschide link-uri în file noi. Pentru a face acest lucru, nu trebuie să utilizați meniul contextual al linkului. Plasați cursorul peste linkul dorit și faceți clic pe rotița mouse-ului. Ca și în cazurile anterioare, linkul va fi deschis într-un nou fila.

Pe Internet în În ultima vreme au apărut o mulțime de resurse de informare și divertisment care prezintă interes tipuri diferite utilizatorii rețelei. Puteți deschide resursa (site-ul) care vă place deschizând linkul care duce la aceasta.

Vei avea nevoie

• Abilitati de baza calculator personal, Acces la internet.

Instrucțiuni

Cel mai simplu și cel mai comun mod de a deschide un link către o resursă poate fi făcut după cum urmează:

Apelați un meniu de acțiuni pe textul selectat făcând clic dreapta pe el o dată;

În lista care apare, selectați linia „Copiere”;

În linia de introducere a adresei, faceți clic dreapta;

În meniul de acțiuni, selectați linia „Inserare”;

Video pe tema

Lucrul cu un browser de internet implică un numar mare deîn mod constant ferestre deschise sau file. Astăzi nu veți mai găsi vizualizatori de pagini de Internet care nu știu să creeze noi file, singura excepție fiind Internet Explorer versiunea 6.

Vei avea nevoie

• Software:
• - Mozilla Firefox;
• - Google Chrome;
• - Opera;
• - Internet Explorer.

Instrucțiuni

Browser Mozilla Firefox. Cel mai simplu mod este să faceți clic dreapta pe link și să selectați „Deschide în nou” meniul contextual. De asemenea această acțiune se poate face prin apăsarea tastelor rapide, în cazul Firefox - prin apăsarea butonului din mijloc al mouse-ului (scrool - rotiță).

Browser Google Crom. În comparație cu adversarul anterior, toate acțiunile care vizează deschiderea unei noi file rămân aceleași. Apelați meniul contextual al linkului făcând clic dreapta pe acesta și selectați „Deschideți într-o filă nouă”. Dacă studiați cu atenție acest meniu, veți vedea linia „Deschide în mod”. Acest mod deschide linkul într-o fereastră nouă, dar paginile vizualizate prin acest mod nu sunt stocate în cache, ceea ce oferă un anumit nivel de protecție a datelor.

Butonul din mijloc al mouse-ului și combinația de taste Ctrl + clic stânga sunt folosite ca taste rapide. Este de remarcat faptul că combinația Tastele Shift+ clic de mouse va deschide linkul într-o fereastră nouă. În unele cazuri, este suficient să apuci linkul cu mouse-ul și să îl muți la loc liber bare cu file.

browser Opera. A deschide fereastrăîntr-o filă nouă, trebuie să apăsați butonul Ctrl și să faceți clic pe linkul activ sau, în timp ce faceți clic pe mouse, țineți apăsat Tastele Ctrl+ Shift – aceasta va deschide fereastra într-o filă de fundal. Tot pentru acest browser există o regulă pentru executarea unei comenzi din meniul contextual al unui link. Faceți clic pe elementul selectat cu butonul din mijloc al mouse-ului pentru a accesa deschide fila.

Video pe tema

Surse:

• fereastra filei

Unul dintre vizitatorii site-ului a întrebat cum să deschideți un link într-o nouă fereastră HTML. În acest articol voi răspunde la această întrebare.

Ce vei avea nevoie

Vizitatorul nu a specificat ce editor folosește, așa că vom presupune că funcționează direct în HTML. Dar asta nu înseamnă că nu poți urma aceste instrucțiuni dacă le folosești editor vizual. Va trebui doar să accesați aspectul paginii. Majoritatea editorilor și platformelor de blog vă permit să editați manual codul HTML.

De exemplu, dacă lucrați în Expression Web, puteți edita codul paginii trecând la modul Cod.

Cum să setați linkurile să se deschidă într-o filă nouă sau fereastră nouă de browser

thesitewizard.com

Schimbați-l astfel încât să arate așa:

thesitewizard.com

Acum, când utilizatorii dau clic pe acest link, acesta se va deschide într-o nouă fereastră sau filă (în funcție de browserul pe care îl folosesc și de modul în care este configurat).

Vă rugăm să rețineți că, dacă utilizați un DOCTYPE cu sintaxă strictă XHTML 1.0 sau 1.1, nu veți putea folosi codul de mai sus și pagina este validată în același timp. Dar bănuiesc că nimeni nu folosește aceste standarde. Versiunile „de tranziție” ale acestor standarde pentru deschiderea într-o nouă fereastră HTML sunt bune pentru noi și acceptă și atributul target.

Dacă lucrați în Expression Web, Dreamweaver, BlueGriffon sau KompoZer, faceți clic pe linkul pe care doriți să îl editați, intrați în modul de editare HTML și adăugați atributul target="_blank".

Această metodă nu are multe avantaje.

Mulți webmasteri noi cred că, deschizând link-uri într-o fereastră nouă, utilizatorii sunt mai puțin probabil să părăsească site-ul. Acest lucru este fundamental greșit. Dacă cineva face clic pe un link și apoi dorește să revină pe site-ul dvs., va face pur și simplu clic pe butonul „Înapoi”. Chiar și cei mai puțin cunoscuți din punct de vedere tehnic vor afla despre această funcție imediat după ce se vor familiariza cu Internetul. Utilizatorii avansați știu, de asemenea, că puteți utiliza opțiunea „Deschideți linkul într-o filă nouă” (sau „Deschideți linkul într-o fereastră nouă”).

Prin crearea de linkuri care se deschid într-o fereastră nouă, împiedicați utilizatorii să se întoarcă pe site-ul dvs. Poate părea că vor reveni cu ușurință la prima fereastră cu site-ul dvs. Experiența mea este că nu este cazul - îi încurcă pe oameni buton rupt"Înapoi ". Nici măcar nu bănuiesc că există o filă nouă sau o fereastră nouă în fața lor. Când nu se pot întoarce rapid la pagina anterioară, pur și simplu renunță și trec la alte resurse.

Utilizatorii experimentați nu se descurcă mai bine. Sunt foarte enervați de „obișnuința” site-ului dvs. de a deschide ferestre noi fără permisiune. De aceea ei utilizatori experimentați- dacă voiau să deschidă filă nouă, ar face-o singuri și nu le place deloc că se face fără acordul lor. Este și mai rău dacă toate linkurile tale se deschid într-o fereastră nouă.

Site-ul devine vulnerabil la atacuri de tip phishing

Dacă aplicați butonul HTML deschideți într-o fereastră nouă folosind target="_blank" , site-ul către care duce linkul are acces la fereastra/fila cu pagina dvs. și poate înlocui conținutul acesteia.

Acest lucru nu numai că nu va menține utilizatorii pe site (dacă ați deschis noi file în acest scop), dar va pune și vizitatorii în pericol. De exemplu, dacă aveți o pagină de autentificare a utilizatorului, site-ul aflat pe link o poate înlocui cu o copie a dvs., dar în același timp colectând login-uri și parole de utilizator. Acest tip de atac se numește „phishing”.

Și aceasta nu este o vulnerabilitate teoretică. Specialiștii în securitate Google au remarcat un „număr semnificativ de rapoarte” despre astfel de deturnări de file în scopul introducerii de software rău intenționat.

Pentru cei interesați - detalii tehnice. Site-ul deschis într-o fereastră nouă accesează pagina ta prin obiectul window.opener din JavaScript. Acesta este un obiect de citire/scriere care poate fi manipulat. Printre altele, puteți modifica proprietatea window.opener.location și puteți forța browserul să meargă la noua adresă pentru a deschide imaginea într-o nouă fereastră HTML.

Unele browsere vă permit să preveniți acest comportament prin adăugarea unui atribut rel="noopener noreferrer" la link. Exemplul dat la începutul articolului ar arăta astfel:

thesitewizard.com

În teorie, atât rel="noopener" cât și rel="noreferrer" ar trebui să fie suficiente pentru a proteja împotriva unui astfel de atac atunci când deschideți pagina într-o fereastră HTML nouă. În acest caz, este mai corect să folosiți atributul rel=”noopener”, deoarece rel=”noreferrer” are prin efect- browserul nu va transmite URL-ul sursei solicitării către site. Dar mai departe acest moment Nu toate browserele acceptă atributul rel="noopener". De asemenea, rel="noreferrer" nu este acceptat de unele browsere. Prin urmare, dacă doriți să protejați utilizatorii cât mai mult posibil Mai mult browserele vor trebui probabil să utilizeze ambele atribute.

Cu toate acestea, această tehnică funcționează numai pe versiunile actuale Chrome, Firefox și Safari. Internet Explorer această funcție nu suportă, deși am verificat rapid versiunea 11 a IE și pare să fie protejată de un astfel de atac cu setările de securitate implicite. Despre browser Microsoft Edge nu pot spune sigur.

Cu alte cuvinte, metoda descrisă mai sus nu poate fi numită protecție sută la sută. Cel mai bun mod Pentru a evita această problemă - utilizați legături normale fără atributul target="_blank".

Concluzie

O recomandare generală este să evitați deschiderea filelor într-o fereastră HTML nouă, dacă este posibil. Desigur, în unele cazuri acest lucru nu poate fi evitat. În această situație, puteți avertiza vizitatorii site-ului că „linkul se deschide într-o fereastră nouă”. Acest lucru nu va ajuta prea mult utilizatorul obișnuit și nu îl va proteja de atacurile de phishing prin site-ul dvs., dar cel puțin nu va enerva utilizatorii mai experimentați.

Expresia link-uri deschise într-o fereastră nouă din acest articol înseamnă că link-urile se vor deschide într-o filă sau fereastră nouă, în funcție de setările browserului dvs. În orice caz, se presupune că pagina de pe care s-a făcut clic pe link va rămâne deschisă.

De ce ar putea fi nevoie de acest lucru? Vizitatorul se află în prezent pe site-ul dvs. și există un link extern în articol sau pe pagina site-ului. Dacă acest link este de interes pentru vizitator într-un fel, atunci după ce face clic pe un astfel de link extern, acesta va fi dus pe un alt site.

Pe alt site, el poate deschide mai multe pagini și după aceea îi va fi dificil să ajungă din nou pe site-ul tău. Nu a terminat de citit articolul tău și nu fiecare utilizator de computer va înțelege imediat cum să revină pe site-ul tău, deoarece oamenii au medii diferite și nu este întotdeauna clar pentru începători ce să facă în acest caz.

În browser, puteți face clic pe butonul Înapoi, dar vizitatorul ar putea închide fereastra pe alt site cu totul, dar a vrut să termine de citit articolul dvs., și nu articolul pe care a aterizat accidental Link extern.

Puteți deschide un link într-o filă nouă de browser inserând manual atributul „țintă” cu valoarea etichetei „_blank” în fiecare astfel de link . În HTML va arăta astfel - target="_blank". Dar pot exista o mulțime de astfel de link-uri și nu vă veți aminti întotdeauna care link-uri externe nu au încă inserat acest atribut.

Când adăugați link-uri și imagini noi într-un articol, în panoul de administrare WordPress, în editorul de text, există elemente corespunzătoare, a căror activare vă permite să deschideți legăturile și imaginile adăugate într-o fereastră nouă.

Există mai multe moduri de a deschide linkurile într-o fereastră nouă. În acest articol voi descrie doar acele metode care au funcționat pe site-ul meu.

Unele metode nu au funcționat corect pe site-ul meu în șablonul anterior, așa că nu voi vorbi despre ele. În special, a fost afișat incorect pagina principalaîntr-un mod care necesită conexiune Biblioteci JavaScript- jQuery. În plus, această metodă nu ar funcționa dacă JavaScript ar fi dezactivat.

Cum se deschide un link într-o fereastră nouă

Pentru a deschide absolut toate linkurile de pe site în ferestre sau file noi, va trebui să introduceți cod special la fișierul „Header (header.php)”.

Pentru a introduce acest cod trebuie să introduceți „ Panoul de administrare WordPress» => « Aspect" => "Editor" => "Header (header.php)".

În fișierul „Header (header.php)” între etichete și trebuie să introduceți următorul cod chiar înainte de eticheta de închidere:

Această setare pentru deschiderea paginilor într-o fereastră sau filă nouă nu mi se pare foarte convenabilă, deoarece aceasta deschide multe ferestre sau file în browser. Dar, știu că pentru unii, dimpotrivă, va fi convenabil să se poată deschide extern și link-uri interne pe site-ul dvs.

Conecteaza Formularul țintăÎn Postări și comentarii

Pluginul Target Blank In Posts And Comments vă ajută să deschideți link-uri în comentarii și postări într-o fereastră nouă, fără a afecta alte link-uri interne de pe site.

Puteți descărca pluginul Target Blank In Posts And Comments de aici.

Acest plugin nu a fost actualizat de mult timp, dar funcționează bine ultima versiune Motor WordPressși își face față perfect îndatoririlor. A funcționat și pe site-ul meu de ceva timp.

Pentru a instala pluginul Target Blank In Posts And Comments, va trebui să vă conectați la „WordPress Admin Panel” => „Plugins” => „Add New” => „Install Plugins” => „Upload”. După descărcare, pluginul trebuie instalat și activat.

Pluginul Target Blank In Posts And Comments nu necesită setări și începe să funcționeze imediat după activare.

Utilizarea acestui plugin vă va permite să returnați vizitatorii pe site-ul dvs. care au făcut clic pe un link extern de pe site-ul dvs. La urma urmei, se întâmplă adesea ca un vizitator să caute de mult timp informatie necesara, apoi a făcut clic brusc pe un link care l-a interesat dintr-un comentariu sau articol, apoi a mers în altă parte și, astfel, vizitatorul nu poate găsi adesea site-ul de pe care a venit inițial.

Pluginul Target Blank In Posts And Comments își face treaba bine, permițându-vă să păstrați și să returnați vizitatorii pe site-ul dvs.

Deschiderea unui link de comentariu într-o fereastră nouă

Dacă trebuie să deschideți linkuri cu comentarii fără ajutorul unui plugin, atunci acest lucru se poate face după modificarea codului corespunzător. Modificările vor trebui făcute în codul fișierului „comment-template.php”, care se află în folderul „wp-includes”.

Pentru a face acest lucru, va trebui să vă conectați la site-ul dvs. prin Conexiune FTP folosind programe precum FileZilla sau Comandant total. Acest lucru se poate face și folosind manager de fișiere, care se află în Panoul de control al găzduirii dvs.

Fișierul „comment-template.php” se află aproximativ pe această cale - domenii/numele site-ului dvs./public_htlm/wp-includes/comment-template.php.

Atenţie! Înainte de a schimba fișierul „comment-template.php”, trebuie să faceți o copie a acestuia. În caz de probleme, după modificarea codului fișierului, site-ul dvs. poate înceta să funcționeze normal. În acest caz, va trebui să înlocuiți fișierul pe care l-ați modificat cu cel salvat. copie originala acest fișier.

Mi s-a întâmplat un incident asemănător și a trebuit să-mi revin site-ul la o stare de funcționare folosind suport tehnic gazduirea mea. Nu am salvat o copie dosarul original, a făcut modificări incorecte la codul fișierului, iar după aceea site-ul meu a încetat să mai fie afișat pe Internet de ceva timp.

Acest lucru nu s-ar fi întâmplat dacă aș fi făcut o copie a fișierului înainte de a-l schimba, pentru că l-aș fi înlocuit imediat pe cel stricat cu unul funcțional.

Va trebui să copiați fișierul „comment-template.php” pe computer și să-l salvați. Trebuie să faceți o copie a fișierului salvat și să faceți modificări în codul fișierului, deschizându-l folosind text Editor de notepad++. Puteți deschide fișierul în Notepad, dar va fi foarte greu de găsit în Notepad liniile necesare cod pentru a-l schimba.

Apoi ar trebui să adăugați linia care începe cu $return = ”