A legtöbb webfejlesztő még csak nem is ismeri fel:
Az oldal, amelyre a Target \u003d "_ Blank" segítségével hivatkozunk, hozzáférést kap a forrásoldalhoz az ablakban.
Például, így a nyitott fül megváltoztathatja az ablakot.Opener.Location, azaz Az előző lap helyett észrevétlenül betölteni egy teljesen más oldalt.
A legszebb dolog az, hogy ez a sebezhetőség számos népszerű hazai és külföldi helyszínen jelen van: mivel a Facebookon néhány nappal ezelőtt korrigálta, még mindig működik, például a Yandex.we-ben.
Példa a támadásra
A böngészők ilyen viselkedésére támaszkodva sok forgatókönyvet hozhat létre, ez a legegyszerűbb:
1. Az áldozat levelet küldött, talán hamis címmel. A levél tartalma teljesen nem számít: a legfontosabb dolog az, hogy kényszerítse az áldozatot, hogy kövesse a linket egy rosszindulatú kóddal. Például, kérjük, nézze meg a Mi-Mi-Municipal idézeteket, mint az a tény, hogy az alábbiakban. Cél \u003d "_ Blank" Yandex automatikusan hozzáadja az összes betűt.
2. Az áldozat megnyitja a levelet a Yandex.well-nek, kattintson a linkre, amelyben a webhely-tömítés megnyílik az új fülön, amely rosszindulatú kódot hajt végre, amely a Yandex helyett. Kérjük, töltse le az adathalász helyet, nagyon hasonlít az eredetihez, nagyon hasonlít az eredetihez , de például a bejelentkezés és a jelszó újbóli beírását, valamint a gyanúk eltávolítását, ténylegesen továbbítja a macskákat.
Példa az ilyen kódra:
// az eredeti yandex altitúciója. // továbbítása a macskákon az ablak gyanújának eltávolításához \u003d "https://imgur.com/0a5zgbn";
3. Az áldozat bízik a Yandex-ben, és a macskákra nézett az előző lapra. Mivel nem nyitott semmit benne, és a cím nem változott, akkor valószínűleg hamis, és bevezeti a bejelentkezési és jelszavát, ami valójában a támadóba megy.
Az egyetlen dolog, amit a gyanú okozhat egy másik cím az oldalon, de nagyon hasonlít az eredetihez, és a mobileszközökön gyakran elrejtve alapértelmezés szerint.
Kezelés
Szerencsére lehetővé kell tenni mindent egyszerűen: minden linkre a cél \u003d "_ blank" -val is hozzá kell adnia a rel \u003d "noopener noreferrer" attribútumot.
Ha nem fog várni, amíg megjavítja a helyszíneket és a böngészőket, javasoljuk, hogy hozzáadjuk a Tampermonkey / Greasememkey Következő felhasználói parancsfájlhoz:
// \u003d\u003d userscript \u003d\u003d // @name null nyitó objektum // @namespace nullopenerobjectns // @description törli az ablakot.Opener objektum. // @Version 1 // @ grant none // @ Run-at document-start // \u003d\u003d / USerscript \u003d\u003d (funkció () ("szigorú", ablak.Opener \u003d null;)))
Alapértelmezés szerint, amikor a linkre megy, a dokumentum az aktuális ablakban vagy keretben nyílik meg. Szükség esetén ez a feltétel megváltoztatható a célcímke attribútummal . Az XHTML-ben az attribútum használata tilos.
Szintaxis
...Kötelező attribútum
Értékek
Az ablak vagy a keret nevét a név attribútum által megadott értékként használják. Ha egy nem létező név van telepítve, akkor új ablak nyílik meg. A tartott nevekként a következőket használják.
Üres letöltések egy oldalt egy új böngészőablakba. _Self betölti az oldalt az aktuális ablakba. _Parent az oldalt egy szülői keretbe terheli, ha nincsenek keretek, akkor ez az érték _selfként működik. _Top törli az összes keretet, és letölti az oldalt a teljes böngészőablakban, ha nincs keretek, ez az érték _selfként működik.
Alapértelmezett érték
Érvényesítés
Ezt az attribútumot a HTML specifikáció elítéli, az érvényes kódot csak az átmenet használatakor kapják meg .
HTML5 IE CR OP SA FX
Megnyitás új ablakban
Örülök, hogy üdvözlöm Önt a blog oldalán! A mai cikkben elkezdünk beszélni a Hypertext Markup nyelvéről hTML.. Ez a kiadvány elsősorban a fajta (és messze az utolsó), hiszen mielőtt nem írtam semmit.
Post terv:
De most, amikor megértettem a szükséges ismereteket, és ellenőriztem őket a gyakorlatban, szeretném megosztani őket az olvasókkal örömmel. Végtére is, nincs csoda, hogy mennyi időt és időt töltött a kezdeti szakaszban, például annak érdekében, hogy tudják, hogyan kell beilleszteni egy linkethTML.. Természetesen, miután elolvasta a hozzászólásomat, akkor is tudni fogja, és képes lesz.
Általában érdemes megjegyezni ezt címkék linkek Csak szükség van az optimizátorok munkájában, mert a kenyér, ez csak keresőoptimalizálás, és természetesen linkek nélkül a guru a SEO területén, valószínűleg nem teszik azt, amit mondani a szokásos bloggerekről :).
Talán, hTML referenciakezccsalA. Ez az egyik leginkább használt, egy sorozatban, egy IMG-címke, amely a szövegben lévő képek megjelenítéséhez szükséges. Átlagosan az általam megjelent egyes cikkekben körülbelül öt hivatkozás van elhelyezve mind a hazai oldalakon, mind a külső oldalon.
Ne felejtsd el azt címkék a webhelyrehTML. Nem csak írásban használják. Továbbá szükség lesz a CMS Wordpress vagy bármely más webhelykezelő rendszerre beállított sablon kódjának megváltoztatásakor is.
Ezért legalább a legalapvetőbb meg kell tanulnod hTML-címkékHogy a jövőben ne legyen problémák a referenciákkal való munkavégzés során. Például, ha használja a „vizuális szerkesztő”, amikor írja a cikkeket, ez nem túl jó, mert ha ez a szerkesztő nem működik, akkor nem is tudom, az elemi kódot helyezni a link.
Általánosságban elmondható, hogy a HTML-jelölőnyelv alapvető koncepcióinak ismerete, azt hiszem, nagymértékben segítenek Önnek és egyszerűsíteni az életet. Mindezek, az idő, amikor most költeni fog, hogy tanulmányozza, esetleg egy új anyag az Ön számára, nem fog hiába költeni.
Vannak sok árnyalat is, akik munkát készítenek, és arról, hogy az alábbi cikkemben olvassa el - Ez az rel \u003d "nincs követés ", I. cél \u003d "_üres ", és sokkal érdekesebb kapcsolatban áll a referenciákkal kapcsolatban.
Hivatkozási címke A - Hyperlink létrehozása HTML dokumentumban horgonyral és anélkül
Mivel már sikerült észrevenni, a link az egyik leginkább használt HTML-címke. Szükség van arra, hogy a felhasználók az egérrel egy dokumentumból sok erőfeszítés nélkül változhatnak másikra.
A hiperhivatkozás elérési útjának meghatározásához azonban használnia kell tulajdonsághref.. Neki is megadhatja az oldal URL-jét is, amelyre hivatkozni szeretne. Ez lehet a webhelyének belső oldalai és bármely más erőforrás oldalai a világhálóban.
A horgony HTML tag referenciák egy jelentős tényezőt, amely figyelembe veszi a keresési robotokat, ezért különös figyelmet kell fordítania rá. Azt javaslom, hogy a horgonyzó kulcsszavak segítségével a cikk az első pozícióba kerüljön a kiadatásban.
Miután egy kicsit megértettük a Hyperlinks elméletét a HTML-dokumentumban, vizuális példákhoz vezethet. Ez a kód kapcsolat lesz:
Amint láthatja, a link kezdődik a nyitó konzolmal "<», затем идет html тег A, после него должен быть обязательный атрибут href и знак равенства. Далее, следуют две скобки следующего типа – «”», между ними нужно указать URL адрес ссылающегося ресурса, при использовании «http://». Затем, нужно указать анкор ссылки и в конце концов закрыть тег ссылки А при помощи «».
Azt is javaslom, hogy az áldás linkeket használjon, mintha csak a horgonyhivatkozásokat használja az erőforrásodon, akkor kérdéseket okozhat a keresőmotorokból, és rossz következményekkel járhat. Biztosan hallottál a népszerű Google algoritmusról, amely a pingvin ijesztő címe :).
Link megnyitása egy új ablakban. Attribútum cél _blank.
Nos, a HTML-címke, és kitalálta, de ez nem minden. Még mindig sok attribútum van, amely hasznos lesz az Ön számára, ha hivatkozásokkal dolgozik. Egyikük - tulajdonságcélja _blank..
Szükség van annak érdekében, hogy a dokumentumot behelyezte a HTML-be, a link megnyílt egy új internetböngészőablakban. Nagyon hasznos, ha írjon egy ömlesztett cikket, és utaljon a múltbeli kiadványaira. Így a felhasználó olvasható marad nyitva, és a linkek már nyitva vannak a böngésző többi lapján.
Üres.a HTML nagyon gyakran használja, hogyan segít a webhely látogatói viselkedésének szempontjából, azaz befolyásolja a viselkedési tényezőit. Ezért, ha még mindig nem használja a cél attribútumot a _blank paraméterrel, azt javaslom, hogy ezt a részt nagyon óvatosan olvassa el.
Amint azt veszi észre, egy speciális különbség, ha a szükséges attribútum kell elhelyezni - nem, mivel a sorrend nem számít a HTML-címkéket.
Rel nofollow attribútum és noindex címke. Zárja be az indexálásról szóló hivatkozást
A HTML-dokumentumban a REL LINK-attribútummal dolgozunk. A NOFOLLOW paraméterrel rendelkező attribútumot arra használják, hogy ne adja át az oldal súlyát bármely máson.
Amint bármelyik oldalon tudsz, még csak azért is létrehozott, és nem rendelkező külső referenciák más erőforrásokból a súly, amely nulla felett van. A felhasználók ezt nem láthatják, de itt vannak a keresőmotorok.
Ezért, hogy az oldalak belső súlya nem úszik tőled, egyes linkeknek egy attribútumba kell lépniük rel nofollow.. Az ilyen attribútumot tartalmazó hivatkozások nem adnak súlyt más webhelyekre.
Természetesen, tulajdonságrel nofollow.ne használja, ha a webhely belső oldalaira utal, mivel az illetékes belső átadás kulcsfontosságú az erőforrás és továbbfejlesztésének sikeres optimalizálásához.
Csak a fent említett attribútumot használom, ha külső oldalakra utalok. Például, mint talán észre, gyakran a végén a cikkek, kínálok Poshili válni olvasóm-en (), és adok egy linket a számla, természetesen én megkötik ezt a linket Rel Nofollow. Ez így néz ki:
Ismét, ahol rel kerül a nofollow paraméterrel, a href attribútum előtt, vagy miután nem számít. Az ilyen hivatkozásokban nem szabad a horgonyban lévő kulcsszavakat előírni, mivel nincs értelme, mert elő- linket készítnincs követés.Így nem továbbítja a súlyt.
Most érdemes megvitatni címkenoindex.. Ez azt szolgálja, hogy a keresési robotok nem indexelnek az oldal nem szükséges elemeit. Ezzel nem csak a hiperhivatkozásokra, hanem a szöveg bizonyos szakaszaira vonatkozik.
By the way, megyek azonnal, azonnal látom, hogy a hiperlink zárva van az indexelésből, és bárhol is nyitott. Mindez az opera böngésző kiváló hozzáadásának köszönhetően. Ezzel a pluginnal is nyomon követhetem az erőforrások más paramétereit, például, valamint Alexarankot.
Link horgony és hogyan kell csinálni. Attribútum neve.
És most már sokáig is megnyitom egy nagyon szórakoztató dolgot, amikor hivatkozásokat dolgozunk. Személy szerint, csak több mint fél év után megtudtam, a Wordpress-t használtam. Szóval, most ez lesz horgonyhivatkozások.
Köszönöm neki, és ha használják hash linkek, Nem csak valamiféle cikkre hivatkozhat, hanem annak helyére is, amely szükséges, vagyis a szöveg bizonyos szakaszán. Numúg, ha a kiadvány nagyon terjedelmes, és a szükséges információk megtalálása nehéz lesz rajta.
Eleinte szükség van a cikkben, amelyre szeretné utalni, hogy válasszon egy része a szöveg, amelyhez az oldalt a böngészőben fog görgetni. Azaz, ha adsz egy linket, mondjuk a beállításokkal (nem horgony például), majd a NAME attribútum kell helyezni az előírt közzétételi helyén.
Amint látja, a név attribútum nem rendelkezik arcforral, mivel egy horgony egy nyílás és zárócímke A. attribútum paraméter, amelyet meg kell adnia magának, az egyenlőség és a zárójelek jele után szerepel, amint azt a fentiekben ismertetjük .
Most közvetlenül az új hozzászólásban meg kell adnia a hash linket egy előre előkészített horgony segítségével. Így a hivatkozás egyszerre nyílik meg a szükséges szöveg helyén. Ez a hash link a következő űrlap lesz:
Ezt követően az Ön webhelyének olvasói áthaladhatnak az ilyen linkeken keresztül, hogy egy bizonyos területre jutnak az oldalon.
Nos, mindannyian megvan, ha bármilyen kérdés merült fel, kérje meg őket a megjegyzésekben. Megjegyzem, hogy ez nem a legújabb cikk a HTML-ről, a belátható jövőben további kiadványok lesznek ezen a témában.
Videó epilógus: A művész nagyon gyorsan felhívja a képeket az üvegen
Az egyetlen jelenleg releváns célérték a _blank. A cél egyéb értékeit a konkrét keretek megadására használták. Azonban a kereteket elavult HTML5-ben.
Alapértelmezett cél.
Ha nincs megadva cél, a link megnyílik az aktuális kontextusban, hacsak a felhasználó vagy a böngésző másként nem rendelkezik.
egy cél \u003d "_ üres" nyitva az új böngésző lapon (vagy ablakban)
A cél attribútum meghatározza, hogy a kapcsolódó dokumentum megnyílik, ha a link kattintása van. Az alapértelmezett az aktuális ablak. Ha a cél \u003d "_ blank", a kapcsolt dokumentum megnyílik egy új lapon, vagy (a régebbi szemöldökön új ablakban van.
Miért nyitott egy új böngészőben?
A "cél \u003d" _ blank "leggyakoribb oka úgy van, hogy az Offsite linkek nyitva vannak egy külön lapon. Ez lehetővé teszi, hogy a felhasználó rákattint a referencia, és jön vissza később withode elhagyná az aktuális oldalt. A látogatókat a webhelyén hosszabb ideig tartja, és a legtöbb mutatóját a legtöbb mutatója: a visszafordulás, a konverzió, az oldalak meglátogatták.
Nyissa meg az összes külső linket egy új fülön a JavasCrip segítségével
Nem kell manuálisan hozzáadni a cél \u003d "_ blank" minden linkre a webhelyén. Ha egy csomó (amit meg kell tennie), akkor könnyű hozzáadni néhány JavaScript kódot a webhelyére, és kapcsolja be az összes külső linket _Blank linkek automatikusan.
jquery (document.links) .filter (funkció () (visszaadja ezt.Hostname! \u003d window.location.hostname;) .attr ("cél", "_blank");
(Láthatja a kódex kissé módosított formáját a cselekvésen. A legnépszerűbb keretek és tartalomkezelő rendszerek, beleértve a WordPress, Drupal és a Twitter bootstrap használatát. Ha jquery nélkül kell csinálnod, akkor is elvégezhető. Itt van egy "sima JavaScript" verzió:
Funkció Exterallinks () (a (var c \u003d document.getElementsbytagname ("a"), a \u003d 0; a< c.length;a++) { var b = c[a]; b.getAttribute("href") && b.hostname !== location.hostname && (b.target = "_blank") } } ; externalLinks();
Amellett, hogy megkönnyíti, ez megtisztítja a jelölést jelentősen.
Okok, hogy ne használják a `cél \u003d" _ üres "használatát
Vannak, akik azt állítják, hogy a felhasználók nem kedvelik a linkeket egy új böngészési kontextusban. Úgy gondolják, hogy ez hasonló a felugró hirdetésekhez és más bosszantó viselkedéshez. Révén lapos böngészés. , Ez az érv nagyrészt eltűnt. A legtöbb felhasználó előnyben részesíti a linkeket egy új lapon, mert lehetővé teszi számukra, hogy a későbbi olvasáshoz forduljon a későbbi olvasáshoz, anélkül, hogy elvesztené a jelenlegi böngészési környezetüket.
A cél attribútum értékei
| Értéknév. | Jegyzetek. |
|---|---|
| _Üres. | Megnyitja a kapcsolódó dokumentumot egy új lapon vagy ablakban. |
| _Szülő. | Megnyitja a linket a szülő keretben. A keretek elavultak a HTML5-ben. |
| _Maga. | Nyissa meg az aktuális keret linkjét. |
| _Top. | Megnyitja a linket a legfelsőbb keretben. A keretek elavultak a HTML5-ben. |
| keretnév. | Megnyitja a linket a megnevezett keretben. A keretek elavultak a HTML5-ben. |
Leírás
Meghatározhatja azt az ablakot, amelyben a weboldalt referenciával töltik le. Ehhez használja a cél attribútumot, az ablak vagy a keret neve az értéke. Ha a cél nincs beállítva, az adott eredmény az aktuális ablakban jelenik meg.
Szintaxis
Értékek
Az ablak vagy a keret értékét értékként használják. Ha egy nem létező név van telepítve, akkor új ablak nyílik meg. A tartott nevekként a következőket használják.
Üres letöltések egy oldalt egy új böngészőablakba. _Self betölti az oldalt az aktuális ablakba. _Parent az oldalt egy szülői keretbe terheli, ha nincsenek keretek, akkor ez az érték _selfként működik. _Top törli az összes keretet, és letölti az oldalt a teljes böngészőablakban, ha nincs keretek, ez az érték _selfként működik.
Ha a címkén.
Alapértelmezett érték
Érvényesítés
Ezt az attribútumot a HTML specifikáció elítéli, az érvényes kódot csak az átmenet használatakor kapják meg .
1. példa Linkek megnyitása egy új ablakban
2. példa.
Böngészők: asztali mobil ?
| Internet böngésző. | Króm. | Opera. | Szafari. | Firefox. |
| 2 | 1 | 2 | 1 | 1 |
| Android | Firefox Mobile. | Opera Mobile. | Szafari mobil |
| 1 | 1 | 6 | 1 |
✖
Böngészők
A böngésző táblázat a következő jelölést alkalmazza.
- - az elemet a böngésző teljes mértékben támogatja;
- - az elem böngészőt nem érzékelik és figyelmen kívül hagyják;
- - A munka során különböző hibák megjelenése lehetséges, vagy az elem fenntartása támogatja.
A szám jelzi a böngésző verziót, amelyen az elem támogatott.
