Etichetați un deschis într-o filă nouă. CSS: modificarea stilului pentru link-urile care se deschid într-o fereastră nouă

HTML5 IE Cr Op Sa Fx

Legături

Vă rugăm să rețineți că utilizarea atributului strict target în HTML4 și XHTML este depreciată, iar codul cu acesta nu va trece validarea. În acest caz, pentru a face un link care să se deschidă într-o fereastră nouă și să mențină corectitudinea codului, numai HTML și CSS nu sunt suficiente, așa că va trebui să apelezi la scripturi. În primul rând, trebuie să evidențiați cumva legăturile care se vor deschide într-o fereastră nouă, de exemplu, cu atributul rel cu valoarea external . Acest atribut descrie pe scurt linkul sau unde se duce. Browserele nu acceptă acest atribut, dar nu este obligatoriu, deoarece vom verifica toate linkurile prin JavaScript (exemplul 2). Aceeași țintă este adăugată la link-urile necesare. Dar, deoarece acest lucru se face programatic, validatorul nu va observa trucul.

XHTML 1.0 CSS 2.1 IE Cr Op Sa Fx

Link în fereastră nouă /* */

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.

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ă folosești orice editor vizual pentru a crea un site web. 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.

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 ce browser 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".

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 - oamenii sunt confuzi de faptul că butonul înapoi nu funcționează. 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 sunt utilizatori experimentați - dacă ar dori să deschidă o filă nouă, ar face-o singuri și nu le place deloc că o fac fără acordul lor. Este și mai rău dacă toate linkurile tale se deschid într-o fereastră nouă.

Dacă utilizați butonul HTML deschide în fereastră nouă folosind target="_blank" , site-ul către care trimite linkul are acces la fereastra/fila care conține 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 autentificări ș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 vă 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 un efect secundar - browserul nu va transmite URL-ul sursei solicitării către site. Dar în 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 multor browsere, probabil că va trebui să utilizați ambele atribute.

Cu toate acestea, această tehnică funcționează numai pe versiunile actuale de Chrome, Firefox și Safari. Internet Explorer nu acceptă această funcție, 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. Nu pot spune cu siguranță despre browserul Microsoft Edge.

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

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.

Pur și simplu îți va pierde pagina, ceea ce va înrăutăți factorii comportamentali ai blogului tău (profunzimea vizualizării și timpul petrecut pe site).

Pentru a preveni ca cititorul să piardă blogul, atunci când creați un link, faceți clic pe caseta de selectare Deschidere într-o fereastră/filă nouă.

În comparație cu panoul de administrare WordPress, atunci când publicați un anunț, puteți folosi și opțiunea de a deschide linkul într-o fereastră nouă.

Conform cerințelor administratorilor multor grupuri, o astfel de legătură este necesară. Sunt foarte îngrijorați de faptul că cititorul nu părăsește pagina grupului, rămâne în legătură și, brusc, vrea să citească altceva.

• evidențiați cuvântul sau expresia dorită, faceți clic pe pictograma linkului,
• în fereastra care se deschide, introduceți adresa URL a paginii la care doriți să accesați,
• selectați „În fereastră nouă”
• scrieți un titlu. Acesta va fi evidențiat când treceți cu mouse-ul peste link.
• Faceți clic pe Lipire.

Deschideți fila HTML => inserați textul anunțului => inserați următorul cod

Link text - ACTUALIZARE fila HTML.

Adresa site-ului dvs. este adresa paginii cu articolul.

Nu uitați să reîmprospătați fila HTML și apoi să publicați anunțul.

P.S. Este simplu? Vă rog să-mi spuneți în comentarii dacă aceste informații v-au ajutat.

ARTICOLE SIMILARE:

PRIETENI, VĂ MULȚUMESC PENTRU DISTRIBUIREA ARTICOLULUI:

Deci totul este clar!!! Dar am nevoie de meniul principal (antetul de sus), linkul pentru a deschide într-o filă nouă, în WordPress în meniu, când lipiți linkul, nu există nicio casetă de selectare pentru a deschide într-o filă nouă, dar ce pot face? asta nu mi se potriveste, va rog ajutati-va!

• Yane: În panoul de administrare „Aspect” - „Meniu”. Clic. Colțul din dreapta sus este „Setări ecran”. Clic. În secțiunea „Afișați proprietățile meniului extins”, bifați caseta de selectare „Ținta linkului”. Selectați elementul de meniu dorit pentru a deschide într-o fereastră nouă. Bifați caseta de selectare „Deschideți linkul într-o fereastră/filă nouă”. Salvează meniul și bucură-te de viață)))

.

cu file.

Puteți găsi toate informațiile complete despre lucrul cu file în Google Chrome.

Pentru a face acest lucru, deschideți browserul și apăsați pur și simplu tasta funcțională F1 de pe tastatură. Sau faceți clic pe pictograma cheie, sau poate pe o pictogramă ca a mea, în loc de o cheie, la sfârșitul barei de adrese a browserului. Și selectați Ajutor în partea de jos a filei care se deschide. Se va deschide o filă nouă cu un link Tabs și Windows în centru. Faceți clic și toate titlurile asociate filelor se vor deschide în partea dreaptă.

Când navigați pe internet, browserele moderne vă permit întotdeauna să deschideți o pagină printr-un link într-o fereastră sau filă nouă. Acest lucru este adesea foarte convenabil - vedeți un link interesant, dar nu căutați în sus din textul pe care îl citiți, ci deschideți linkul într-o fereastră sau filă nouă pentru a reveni când ați terminat cu cel deschis în prezent. Mi-am dorit întotdeauna ca această opțiune să fie disponibilă în Windows Explorer - faceți clic dreapta pe un folder - și există o opțiune acolo: „deschideți într-o fereastră nouă”.

Este destul de ușor să adăugați o astfel de opțiune accesând proprietățile Explorer, dar nu faceți acest lucru pe fiecare computer pe care îl vizitați! Este mult mai bine să automatizați procesul folosind un fișier reg. Acesta este al doilea obiectiv al acestui articol - de a continua subiectul registrului și de a arăta cum poate fi editat nu numai manual.

În acest articol voi furniza codul pentru un fișier care adaugă o opțiune la meniul contextual; În plus, acest fișier poate fi descărcat. Dacă aveți exemple interesante de fișiere de registry, trimiteți-mi-le în comentarii!

Notă: Îmi cer scuze celor care așteptau un articol despre anonimat. nu am timp. Îl scot din stoc.

Deci, registrul.

Dacă ați rulat deja regedit, atunci puteți experimenta exportul întregului registry sau a unei părți din acesta. Pentru a face acest lucru, trebuie să stați pe ramura registrului, să mergeți la meniul de export de fișiere și să selectați unde doriți să încărcați. Veți obține un fișier cu extensia reg, făcând dublu clic pe care va restaura registry - încărcați-l înapoi. Dar puteți crea singur un astfel de fișier, ceea ce vom face acum. Creați un fișier text și scrieți următorul conținut în interior:

@="Deschide într-o fereastră nouă"

@="C:\\WINDOWS\\explorer.exe \"%1\""

Acum fișierul trebuie redenumit - schimbați-i extensia în reg. Cum să o facă? Exact în același mod în care redenumiți alte fișiere, doar că mai întâi trebuie să afișați extensiile de fișiere.

Faceți dublu clic pe un astfel de fișier, sunteți de acord să faceți modificări în registry - și voila, meniul contextual a fost schimbat - când faceți clic dreapta pe folder, apare opțiunea „deschideți în fereastră nouă”. Dacă nu doriți să creați, editați și redenumiți fișierul, îl puteți descărca de pe site-ul meu.

Dar acest fișier va face site-ul meu pagina de pornire în Internet Explorer

Windows Registry Editor versiunea 5.00

„Pagina de pornire” = „https://it.sander.su/”

Aveți exemple bune de fișiere pentru editarea registrului? Trimite-l! Apropo, permiteți-mi să vă reamintesc vechea mea postare despre gazda de script Windows - există exemple de programe de benzi desenate în limbajul încorporat în Windows.

comentarii alimentate de

Browserele sunt inițial configurate diferit pentru a deschide pagini noi. De exemplu, Safari este configurat să deschidă pagini noi într-o fereastră nouă. Și Mozilla Firefox deschide pagini noi în file noi din Bara de file, dar în plus avem posibilitatea de a deschide ferestre noi.
Puteți modifica singur setările.

Puteți modifica setările filelor în Internet Explorer din Opțiuni Internet. Faceți clic pe pictograma roată din partea dreaptă sus a panoului browserului. Selectați Opțiuni Internet, apoi selectați fila General și în partea de jos, în linia File, faceți clic pe Opțiuni. În centrul de sub linie Când deschideți o filă nouă, deschideți: selectați modalitatea dorită de a deschide filele în triunghiul negru.

Pentru a modifica setările filei în browserul Mozilla Firefox, faceți clic pe butonul Instrumente din panou. În partea de jos, dă clic pe Setări. În partea de sus a noii ferestre, faceți clic pe File. Și aici puteți fie să bifați casetele, fie să le debifați în modul în care doriți să deschideți noi file.

Nu l-am găsit în cea mai recentă versiune de Google Chrome
posibilitatea de a schimba setările pentru file.
Probabil că acest browser foarte convenabil și inteligent nu trebuie să schimbe setările. Pentru că Google Chrome oferă utilizatorilor multe opțiuni cu file.
Foarte ușor să deschideți o filă nouă și nouă
fereastră, chiar și prin taste rapide.
Trebuie să deschideți aceeași pagină web în mai multe file
Există o opțiune pentru a duplica o filă. Există o oportunitate de a lucra
în modul incognito (vizionare ascunsă). Puteți muta pe cel dorit
filă într-o fereastră separată. Și multe alte oportunități de muncă
cu file.

Puteți găsi toate informațiile complete despre lucrul cu file în Google Chrome. Pentru a face acest lucru, deschideți browserul și apăsați pur și simplu tasta funcțională F1 de pe tastatură. Sau faceți clic pe pictograma cheie, sau poate pe o pictogramă ca a mea, în loc de o cheie, la sfârșitul barei de adrese a browserului. Și selectați Ajutor în partea de jos a filei care se deschide. Se va deschide o filă nouă cu un link Tabs și Windows în centru. Faceți clic și toate titlurile asociate filelor se vor deschide în partea dreaptă.

Pentru a modifica setările pentru file din browserul Safari, faceți clic pe pictograma roată din partea dreaptă a panoului browserului. În noua filă, selectați Setări, iar în fereastra următoare, selectați File. Și aici în linia Deschide paginile în file, nu în ferestre: selectează opțiunea de care ai nevoie.

În browserul Opera, pentru a modifica setările filei, faceți clic pe butonul Instrumente de pe panou. Selectați Setări generale în partea de jos a noii file. Și în această filă, faceți clic pe panoul Avansat și apoi pe butonul Setări filă. Se va deschide fereastra Advanced Tab Settings. Bifați caseta de lângă modul în care doriți să deschideți filele și faceți clic pe OK în partea de jos.

Accesați pagina principală a site-ului

Toată lumea știe cum să deschidă o pagină într-o filă nouă folosind un link. Adăugați atributul target="_blank" la link și bucurați-vă. Dar făcând clic pe buton, deschiderea paginii într-o filă nouă este puțin mai dificilă. Ei bine, butonul nu are un atribut target.

Blog RSS

va deschide pagina specificată în fereastra curentă și

Blog RSS

se va deschide într-o filă nouă.

În primul rând, pentru a deschide orice făcând clic pe un buton, care, în plus, nu este într-un bloc de formulare, ci de la sine, trebuie să utilizați metoda OnClick a butonului.

De exemplu astfel:

În acest caz, pagina partners.php se va deschide în fereastra curentă a browserului. Dar uneori trebuie să deschideți o pagină într-o fereastră sau filă nouă. Ce ar trebuii să fac? În proiectare

S-a dovedit că fiecare buton avea propria sa funcție separată scrisă. Nu optim. Nu elegant. Totul a funcționat, desigur, dar unde este poezia codului?

De ce să umflați JavaScript când puteți rezolva totul cu o singură funcție? Ce se întâmplă dacă trebuie să mai adaug încă 5 butoane ca acesta? Prin urmare, soluția aici este diferită. Există o singură funcție JavaScript și fiecare buton îi transmite URL-ul dorit ca parametru.

Codul final arată acum astfel:

După cum puteți vedea, butonul trece URL-ul ca parametru, iar funcția îl acceptă și îl deschide într-o filă nouă. În același timp, codul JavaScript a devenit mult mai mic.

Asta e tot. Acum știți cum să faceți clic pe un buton pentru a deschide o pagină într-o filă nouă. Dacă cineva are nevoie de el, folosește-l.

Mult succes si ne vedem curand.

Gutenberg - utilizări, nuanțe și posibilități

Cum să verifici o persoană dintr-o fotografie

Cum să inserați corect un videoclip YouTube într-o postare de blog