a태그 target="_blank"와 rel="noreferrer noopener"

기타

citron031 2023. 1. 15. 07:55

a태그의 target="\_blank"옵션은 보안상의 취약점이 있기에 rel="noreferrer noopener"와 함께 사용한다.
referrer(document.referrer)는 이전 페이지, opener(window.opener)는 새 페이지에 대한 정보. 이전 페이지와 새 페이지에 대한 정보를 없앤다.
즉 rel="noreferrer noopener"를 설정하여 새창을 누가 열었는지에 대한 정보를 지운다.

Document.referrer - Web APIs | MDN

The Document.referrer property returns the URI of the page that linked to this page.

developer.mozilla.org

Window.opener - Web API | MDN

Window 인터페이스의 opener 속성은 open() (en-US)을 사용해 현재 창을 열었던 창의 참조를 반환합니다.

developer.mozilla.org