Majoritatea dezvoltatorilor web nu recunosc nici măcar:
Pagina la care ne referă la utilizarea țintă \u003d "_ goală" obține acces la pagina sursă prin obiectul ferestrei.
De exemplu, deci doar deschideți fila poate schimba fereastra.Openers.Locație, adică În loc de fila anterioară, încărcați imperceptibil o pagină complet diferită.
Cel mai teribil lucru este că această vulnerabilitate este prezentă pe multe site-uri populare interne și străine: în timp ce pe Facebook a corectat-o \u200b\u200bcu câteva zile în urmă, încă funcționează, de exemplu, în Yandex.We.
Exemplu de atac
Bazându-se pe un astfel de comportament al browserelor, puteți veni cu multe scenarii, acesta este cel mai ușor:
1. Victima este trimisă o scrisoare, poate cu o adresă falsă. Conținutul scrisorii nu contează: principalul lucru este de a forța victima să urmeze legătura cu un cod rău intenționat. De exemplu, ar putea fi vă rugăm să verificați citate MI-MI-MUNICIPAL, cum ar fi faptul că mai jos. Țintă \u003d "_ goală" Yandex adaugă automat în toate literele.
2. Victima deschide litera la Yandex.Well, clicuri pe link-ul, în care garnitura de site-ul este deschisă în fila Nou, care efectuează un cod rău intenționat, care în loc de Yandex. Descărcați un site de phishing, foarte asemănător cu originalul , dar, de exemplu, a solicitat reintroducerea autentificării și a parolei, precum și pentru a elimina suspiciunile, într-adevăr face trimiterea la pisici.
Un exemplu de astfel de cod:
// Subluziunea originalului Yandex.things pe fereastra falsă.Opener.Location \u003d "http://e-m-a.il/yandex.ru"; // redirecționarea pe pisici pentru a elimina suspiciunea de fereastră.Locație \u003d "https://imgur.com/0a5zgbn";
3. Victima de încredere în Yandex și sa uitat la pisicile revine la fila anterioară cu poșta. Deoarece ea nu a deschis nimic în ea, precum și adresa nu sa schimbat, atunci, cel mai probabil, va duce la un fals și va introduce datele de conectare și parola, care, de fapt, va merge la atacator.
Singurul lucru pe care suspiciunile o poate provoca este o altă adresă a paginii, dar se poate face foarte asemănătoare cu originalul și pe dispozitive mobile Este adesea ascunsă de neplată.
Tratament
Din fericire, este posibil să rezolvăm totul destul de ușor: la toate legăturile cu țintă \u003d "_ goale" Trebuie să adăugați suplimentar atributul REL \u003d "Noopener Noreferrer".
Dacă nu doriți să așteptați până la remedierea pe site-uri și în browsere, vă recomandăm să adăugați la scriptul de utilizator TamperMonkey / Greasemonkey următor:
. // @version 1 // @Grant None // @ run-la document-start // \u003d\u003d / userscript \u003d\u003d (Funcție (utilizare strictă "; fereastră.opener \u003d null;)) ();
În mod implicit, când mergeți pe link, documentul se deschide în fereastra sau cadrul curent. Dacă este necesar, această condiție poate fi modificată de atributul de etichetă țintă . În XHTML, utilizarea acestui atribut este interzisă.
Sintaxă
...Atribut obligatoriu
Valori
Numele ferestrei sau al cadrului este utilizat ca valoare specificată de atributul de nume. Dacă este instalat un nume inexistent, va fi deschisă o nouă fereastră. Următoarele sunt folosite ca nume rezervate.
Blank Descărcați o pagină la o nouă fereastră de browser. _ Încărcați pagina în fereastra curentă. _Parent Încărcați pagina într-un cadru părinte dacă nu există cadre, atunci această valoare funcționează ca pe sine. _TOP anulează toate cadrele și descărcați o pagină în fereastra completă a browserului Dacă nu există cadre, această valoare funcționează ca pe sine.
Valoare implicită
Validare
Folosind acest atribut este condamnat de specificația HTML, codul valid este obținut numai atunci când se utilizează tranziția .
HTML5 adică CR OP SA FX
Deschide într-o fereastră nouă
Mă bucur să vă urez bun venit pe site-ul blogului! În articolul de astăzi vom începe să vorbim despre limba de marcare hipertext hTML.. Această publicație va fi mai întâi de genul ei (și departe de ultimul), deoarece înainte de a nu scrie așa ceva.
POST PLAN:
Dar acum, când am marcat cunoștințele necesare și le-am verificat în practică, mi-ar plăcea să le împărtășesc cu cititorii mei cu plăcere. La urma urmei, nu este de mirare cât de mult timp și timp la etapa inițială au fost cheltuite, de exemplu, pentru a ști, cum să introduceți un link cătrehTML.. Firește, după ce mi-am citit postul, o veți ști, de asemenea, și veți putea să faceți.
În general, merită remarcat faptul că tag-uri link-uri Doar necesare în activitatea optimizatoarelor, pentru că pâinea lor, este doar o optimizare a motorului de căutare și, în mod natural fără legături cu guru în zona SEO, ei cel mai probabil să nu facă ceea ce să spună despre bloggerii obișnuiți :).
Poate, tag-ul de referință HTML.A. Este una dintre cele mai utilizate, într-o serie, cu o etichetă IMG necesară pentru afișarea imaginilor în text. În medie, în fiecare articol publicat de mine, aproximativ cinci referințe sunt aplicate ca pagini interne.și extern.
Nu uita asta etichete pentru sitehTML. Folosit nu numai la scrierea posturilor. De asemenea, vor fi necesare atunci când se schimbă codul șablonului pe care l-ați stabilit pe WordPress CMS sau pe orice alt sistem de management al site-ului.
Prin urmare, trebuie să studiezi cel puțin cele mai de bază tag-uri HTML.Astfel încât în \u200b\u200bviitor nu au probleme atunci când lucrează cu referințe. De exemplu, dacă utilizați un "editor vizual" atunci când vă scrieți articolele, nu este foarte bun, deoarece dacă acest editor nu funcționează, nici măcar nu veți cunoaște codul elementar pentru a pune link-ul.
În general, cunoașterea conceptelor de bază în limba HTML Markup, cred, vă va ajuta foarte mult și veți simplifica viața. La fel, timpul pe care îl veți petrece acum pentru a studia, eventual un material nou pentru dvs., nu va fi petrecut în zadar.
Există, de asemenea, o mulțime de nuanțe care vă fac un loc de muncă și despre care ați citit mai jos în articolul meu - acesta este rel \u003d "nofollow ", I. țintă \u003d "_gol ", și mult mai interesant legate de referințe.
TAGUL DE REFERINȚĂ A - Creați un hyperlink într-un document HTML cu ancora și fără ea
Așa cum am reușit deja să observ mai sus, legătura este una dintre cele mai utilizate etichete HTML. Acestea sunt necesare, astfel încât utilizatorii să poată trece la altul fără prea mult efort de la un document cu un singur clic al mouse-ului.
Cu toate acestea, pentru a specifica calea hyperlinkului, trebuie să utilizați atributhref.. Datorită lui, puteți specifica și adresa URL a paginii pe care doriți să o referiți. Poate fi ambele pagini interioare ale site-ului dvs., cât și a paginilor oricărei alte resurse din World Wide Web.
Ancoră tag-ul HTML. Referinu un factor semnificativ care ia în considerare roboții de căutare, deci trebuie să acorde o atenție deosebită acestuia. Vă recomandăm să utilizați Ankore cuvinte cheieCei pe care doriți ca articolul dvs. să ajungă la primele poziții în extrădare.
După ce am înțeles puțin cu teoria hiperlink-urilor în hTML Document.poate începe să fie exemple vizuale. Acest cod va avea un link:
Aici ar trebui să fie textul hyperlinkului dvs., adică Ankor
După cum puteți vedea, legătura începe cu brațul de deschidere "<», затем идет html тег A, после него должен быть обязательный атрибут href и знак равенства. Далее, следуют две скобки следующего типа – «”», между ними нужно указать URL адрес ссылающегося ресурса, при использовании «http://». Затем, нужно указать анкор ссылки и в конце концов закрыть тег ссылки А при помощи «».
De asemenea, vă sfătuiesc să utilizați legăturile de binecuvântare, ca și cum numai hyperlink-urile cu ancoră sunt pe resurse, poate provoca întrebări din motoarele de căutare și pot duce la consecințe slabe. Desigur, ați auzit despre algoritmul popular Google, care are un titlu înfricoșător de pinguin :).
Deschiderea unui link într-o fereastră nouă. Atributul țintă _blank.
Ei bine, cu etichetă HTML și ați dat seama, dar nu este totul. Există încă multe atribute care vă vor fi utile atunci când lucrați cu referințe. Unul din ei - atributțintă _blank..
Este necesar pentru documentul introdus în HTML, link-ul a fost deschis într-o nouă fereastră de browser Internet. Este foarte util când scrieți un articol în vrac și consultați publicațiile dvs. anterioare. Astfel, citirea utilizatorului rămâne deschisă, iar legăturile sunt deschise deja pe alte file din browser.
Țintă goală.hTML utilizează foarte des modul în care ajută, în ceea ce privește comportamentul vizitatorilor de pe site-ul dvs., care este, afectează factorii de comportament. Prin urmare, dacă încă nu utilizați atributul țintă cu parametrul _Blank, vă recomand să citiți această secțiune foarte atent.
După cum ați observat, o diferență specială în care atributul necesar va fi aplicat - nu, deoarece comanda lor nu contează în interiorul etichetelor HTML.
Rel Nofollow Atribut și etichetă NoIndEx. Închideți referința de la indexare
Vom continua să lucrăm cu atributul Link Rel în documentul HTML. Acest atribut cu parametrul Nofollow este utilizat pentru a nu transmite greutatea paginii dvs. pe oricare alta.
După cum știți în orice pagină, chiar și în cazul celor create și care nu au referințe externe din alte resurse este greutatea dvs., care este deasupra zero. Utilizatorii nu pot vedea acest lucru, dar aici sunt toate motoarele de căutare să ia în considerare.
Prin urmare, că greutatea interioară a paginilor dvs. nu plutește de la dvs., unele linkuri trebuie să intre într-un atribut rel nofollow.. Referințele care includ acest atribut nu vor transmite greutatea altor site-uri.
Natural, atributrel nofollow.nu trebuie să utilizați când vă referiți la paginile interne ale site-ului dvs., deoarece transferul intern competent este cheia pentru a optimiza cu succes resursa și dezvoltarea ulterioară.
Folosesc atributul mai sus numai dacă mă refer la site-uri externe. De exemplu, după cum ați putea observa, adesea la sfârșitul articolelor dvs., vă ofer poshili pentru a deveni cititorul meu pe Twitter () și dau un link către contul meu, în mod firesc încheiem această legătură în Rel Nofollow. Se pare așa:
Din nou, unde RE va fi plasat cu parametrul Nofollow, înainte de atributul HREF sau după ce nu contează. De asemenea, în astfel de link-uri nu ar trebui să fie prescrise cuvinte cheie în ancoră, deoarece nu are sens, pentru că suntem pre- faceți un link.nofollow.Astfel încât nu transmite greutatea.
Acum merită discutat etichetănoIndex.. Acesta servește că roboții de căutare nu indexează elementele care nu sunt necesare ale paginii. Cu aceasta, aceasta se aplică nu numai hiperlink-urilor, ci și anumite secțiuni ale textului.
Apropo, merg la orice site imediat vezi unde hyperlinkul este închis de la indexare și oriunde se deschide. Toate datorită unei completări excelente a browserului Opera. De asemenea, cu acest plugin, pot urmări alți parametri ai resurselor, cum ar fi, precum și Alexarank.
Link ancora și cum să o faci. Numele atributului.
Și acum pot, pentru mulți, voi deschide un lucru foarte distractiv atunci când lucrez cu referințe. Personal, am aflat despre asta numai după mai mult de jumătate de an am folosit WordPress. Deci, acum va fi despre link-uri de ancorare.
Datorită lui, precum și atunci când sunt utilizate link-uri hash, Acesta poate fi menționat nu numai pe un fel de articol, ci și în loc, ceea ce este necesar, adică într-o anumită secțiune a textului. Este numărătoarea atunci când publicația este foarte voluminoasă și găsirea informațiilor necesare va fi dificilă.
La început, este necesar în articolul la care doriți să vă referiți la alegerea unei secțiuni a textului la care va fi derulată pagina din browserul de Internet. Asta este, dacă dați un link, să spunem despre setare (nu un exemplu de ancorare), atunci atributul de nume ar trebui plasat în site-ul de publicare necesar.
După cum puteți vedea, atributul de nume nu are un arcor, deoarece o ancoră constă dintr-o etichetă de deschidere și închidere A. Parametrul de atribut Trebuie să vă specificați, este indicat după semnul egalității și parantezelor, după cum se arată mai sus pe exemplu .
Acum, direct în postul nou, trebuie să specificați o legătură hash utilizând o ancoră pre-pregătit. Astfel, legătura se va deschide imediat la locul în care aveți nevoie. Această legătură Hash va avea următoarea formă:
După aceea, cititorii site-ului dvs. vor putea trece prin astfel de linkuri pentru a ajunge la o anumită zonă de pe pagină.
Ei bine, în acest sens, am totul dacă apar întrebări, întrebați-le în comentarii. Observ că acesta nu este ultimul articol despre HTML, în viitorul previzibil vor fi mai multe publicații pe această temă.
Epilogul video: Artistul trage foarte repede imagini pe sticlă
Singura valoare în mod curent de țintă este _blank. Celelalte valori ale țintă au fost utilizate pentru a specifica cadrele specifice. Cu toate acestea, cadrele au fost depreciate în HTML5.
Obiectivul implicit.
Dacă nu este specificată nicio țintă, legătura se va deschide în contextul curent, cu excepția cazului în care utilizatorul sau browserul specifică altfel.
o țintă \u003d "_ goală" deschisă în fila nouă (sau fereastră)
Atributul țintă specifică unde documentul legat se va deschide când se face clic pe link-ul. Implicit este fereastra curentă. Dacă țintă \u003d "_ goală", documentul legat se va deschide într-o filă nouă sau (pe sprâncenele mai vechi o fereastră nouă.
De ce deschideți într-un nou browser?
Cel mai frecvent motiv pentru a utiliza `țintă \u003d" _ goală "este astfel încât link-urile offsite deschise într-o filă separată. Acest lucru permite unui utilizator să facă clic pe o referință și se întoarce mai târziu la acesta, lăsând pagina curentă. Păstrează mai mult vizitatori pe site-ul dvs. și imprimează majoritatea valorilor dvs .: rata bounce, conversie, pagini vizitate.
Deschideți toate legăturile externe într-o filă nouă cu JavaScrip
Nu aveți nevoie să adăugați manual țintă \u003d "_ goală" la fiecare legătură de pe site-ul dvs.. Dacă conectați o mulțime (pe care ar trebui să faceți), este ușor să adăugați un cod JavaScript pe site-ul dvs. și să transformați toate legăturile externe _Blank link-uri automat.
jquery (document.LINKS) .Filter (funcția () (returnați acest.Hostname! \u003d fereastră.Locație.Hostname;))) .Attr ("țintă", "_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 șansă bună pe care o utilizați deja. Acesta este folosit î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, care se poate face și ea. Iată o versiune "simplă JavaScript":
Funcția externalinks () (pentru (var c \u003d document.getelementsytagname ("a"), a \u003d 0; a< c.length;a++) { var b = c[a]; b.getAttribute("href") && b.hostname !== location.hostname && (b.target = "_blank") } } ; externalLinks();
În afară de ușurință, acest lucru vă curăță considerabil marcajul.
Motive pentru a nu folosi `țintă \u003d" _ goală "
Unii oameni susțin că utilizatorii nu preferă să deschidă legături într-un nou context de navigare. Ei cred că acest lucru este similar cu anunțurile pop-up și alte comportamente enervante. Cu creșterea navigarea cu filerație. Acest argument a dispărut în mare măsură. Majoritatea utilizatorilor preferă să deschidă linkuri într-o filă nouă, deoarece le permite să vină o coadă referinduată link-uri pentru citirea ulterioară fără a-și pierde contextul actual de navigare.
Valorile atributului țintă
| Numele valorii. | Note. |
|---|---|
| _Gol. | Deschide documentul legat într-o nouă filă sau fereastră. |
| _Mamă. | Deschide link-ul din cadrul părinte. Ramele sunt depreciate în HTML5. |
| _De sine. | Deschideți legătura din cadrul curent. |
| _Top. | Deschide link-ul în cel mai mare cadru. Ramele sunt depreciate în HTML5. |
| numele cadrului. | Deschide link-ul în cadrul numit. Ramele sunt depreciate în HTML5. |
Descriere
Puteți defini fereastra în care pagina web va fi descărcată prin referință. Pentru a face acest lucru, utilizați atributul țintă, numele ferestrei sau al cadrului este specificat ca valoare. Dacă țintă nu este setată, rezultatul returnat este afișat în fereastra curentă.
Sintaxă
Valori
Valoarea ferestrei sau a cadrului este utilizată ca valoare. Dacă este instalat un nume inexistent, va fi deschisă o nouă fereastră. Următoarele sunt folosite ca nume rezervate.
Blank Descărcați o pagină la o nouă fereastră de browser. _ Încărcați pagina în fereastra curentă. _Parent Încărcați pagina într-un cadru părinte dacă nu există cadre, atunci această valoare funcționează ca pe sine. _TOP anulează toate cadrele și descărcați o pagină în fereastra completă a browserului Dacă nu există cadre, această valoare funcționează ca pe sine.
Dacă este pentru etichetă.
Valoare implicită
Validare
Folosind acest atribut este condamnat de specificația HTML, codul valid este obținut numai atunci când se utilizează tranziția .
Exemplu 1. Deschiderea legăturilor într-o fereastră nouă
Exemplul 2.
Browsere: Mobile Mobile ?
| Internet Explorer. | Crom. | Operă. | Safari. | Firefox. |
| 2 | 1 | 2 | 1 | 1 |
| Android | Firefox Mobile. | Opera Mobile. | Safari Mobile. |
| 1 | 1 | 6 | 1 |
✖
Browsere
Tabelul de browser aplică următoarea notație.
- - elementul este complet susținut de browser;
- - browserul elementului nu este perceput și ignorat;
- - Când lucrați, este posibil să apară erori diferite sau elementul este acceptat cu rezervări.
Numărul indică versiunea browserului începând cu care este acceptat elementul.
