search

JaeYeopHan / tip-archive

📦 Archiving various development tips. If you watch this repository, you can get issues related to the newly registered development tip from the GitHub feed.
https://www.facebook.com/Jbee.dev/
245 stars 8 forks source link

Set rel='noopener' to external link #38

Open JaeYeopHan opened 5 years ago

JaeYeopHan commented 5 years ago

Description

ref: https://jakearchibald.com/2016/performance-benefits-of-rel-noopener/

rel="noopener" 속성을 통해서 performance와 security 부분에서 benefit을 얻을 수 있다.

<a href="http://example.com" target="_blank" rel="noopener">
   Example site
</a>

a 태그가 아닌 다른 태그를 통해 새로운 탭 열기를 할 경우 다음과 같이 코드를 작성할 수 있다.

function openInNewTab() {
  window.opener.location = url
}