2019. március 29-én
Linkek. Más oldalakra mutató linkek, belső linkek, linkek, amelyek nem linkek. Mindegy, hogy mit csinálunk velük, a világháló egyik alapvető építőkövei (miért nem hívjuk már annyian így?).
Mindegy, ez egy rövid és egyszerű poszt, ami egy és csakis egy dolgot részletez. Mit tegyünk, ha egy linket egy új lapon akarunk megnyitni? Elég egyszerű, de mindig elfelejtem, hogy az alábbi formák közül melyikben:
<a href="https://example.com" target="_blank">Open in new Tab</a><a href="https://example.com" target="_new">Open in new Tab</a>
És itt a válasz: _blank
. Miért? Mert a _new
-nak nincs különösebb jelentése. Ilyen egyszerű.
<a href="https://example.com" target="_blank">Open in new Tab</a>
Nem kell többé Google-keresést végeznem, hogy megtaláljam ezt a StackOverflow posttarget=”_blank” vs. target=”_new”-t.
Ezzel kapcsolatban csak a _blank
, _self
, _parent
és _top
-nek van különleges jelentése. További részletekért lásd aHTML Spec-t.
Biztonsági megjegyzés
Mondjuk, hogy ha _blank
-t használsz, amikor nem megbízható webhelyre mutatsz, akkor a rel="noopener"
-t is hozzá kell adnod. Ez biztosítja, hogy a megnyitott webhely ne férhessen hozzá a opener
tulajdonsághoz, és így ne tudjon információt szerezni a webhelyéről a JavaScriptjéből
<a href="https://example.com" target="_blank" rel="noopener">Open in new Tab</a>
Ezzel kapcsolatban további információk találhatók a Google Web Developers webhelyén és a Mathias Bynens által írt About rel=”noopener”-ről
.