''target' : Blank or New?

author
1 minute, 33 seconds Read
Scris de Andrew Chilton
pe 29 martie 2019

Links. Legături către alte pagini, legături interne, legături care nu sunt legături. Indiferent ce facem cu ele, ele sunt unul dintre elementele de bază ale World Wide Web-ului (de ce nu-i mai spunem așa la fel de des?).

În fine, aceasta este o postare scurtă și simplă pentru a detalia un lucru și un singur lucru. Ce facem atunci când vrem să deschidem un link într-o filă nouă? Este destul de simplu, dar mereu uit care dintre următoarele forme o ia:

<a href="https://example.com" target="_blank">Open in new Tab</a><a href="https://example.com" target="_new">Open in new Tab</a>

Și iată răspunsul: _blank. De ce? Pentru că _new nu are nicio semnificație specială. Este atât de simplu.

<a href="https://example.com" target="_blank">Open in new Tab</a>

Nu va mai trebui niciodată să fac o căutare pe Google pentru a găsi acest post StackOverflow posttarget=”_blank” vs. target=”_new”.

În acest sens, doar _blank, _self, _parent și _top au un înțeles special. Consultați specificațiileHTML pentru mai multe detalii.

Nota de securitate

Rețineți doar că dacă folosiți _blank atunci când arătați către un site web nesigur, ar trebui să adăugați și rel="noopener" de asemenea. Acest lucru asigură faptul că site-ul care se deschide nu va avea acces la proprietatea opener și, prin urmare, la capacitatea de a afla informații despre site-ul dvs. din JavaScript-ul lor

<a href="https://example.com" target="_blank" rel="noopener">Open in new Tab</a>

Există informații suplimentare pe site-ul Google Web Developers și pe About rel=”noopener” de Mathias Bynens.

.

Similar Posts

Lasă un răspuns

Adresa ta de email nu va fi publicată.