반응형
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 조작하지 못하게 한다. (참조자 정보 없음)
반응형
'[IT] 프로덕트 개발 > DOM, HTML, CSS - 퍼블리싱' 카테고리의 다른 글
[CSS] IOS 100vh 스크롤 문제 (0) | 2022.07.28 |
---|---|
[CSS] 카카오 인앱브라우저 IOS의 경우 스타일 안먹는 문제 (0) | 2022.07.28 |
[HTML] html5 보일러플레이트 (0) | 2022.06.29 |
[CSS] display grid 자동으로 채우기 - repeat auto-fill (0) | 2022.06.16 |
[HTML] 이메일 화면 제작하기, HTML email 보일러플레이트 / 이메일 마크업 규칙 (0) | 2022.06.14 |