SPACE RUMI

Hi, I am rumi. Let's Splattack!

[IT] 프로덕트 개발/DOM, HTML, CSS - 퍼블리싱

[HTML] 새창으로 열기 target blank와 noopener noreferer

백루미 2022. 6. 10. 18:04
반응형

target="_blank"

윈도우를 새창(tab)으로 열고싶으면 <a> 태그에 target을 _blank로 적어주면 된다.
target의 기본값은 "_self"이며, 현재 프레임에서 오픈한다.

<a href="url" target="_blank" rel="noopener noreferer">이동하기</a>

 

rel="noopener noreferer"

* 이때 rel 속성에 noopener,noreferer를 반드시 적용해줘야 한다.
그래야 Tabnabbing 피싱(새창을 띄웠을때 기존 사이트를 가짜사이트로 바꿔치기해서 정보를 탈취하는 피싱방법)을 막을 수 있다.

noopener : window.opener 객체를 생성하지 않는다.
noreferer :window.opener 조작하지 못하게 한다. (참조자 정보 없음)

 

반응형