noreferrer, noopener, nofollow

a태그의 rel속성중 noopener, noreferrer, nofollow가 자주보인다.
이러한 태그들에 대해 알아보자

noopener

noopener 속성을 사용하면 열리는 브라우징 맥락은 보조 브라우징 맥락이 아닌 새로운 top-level 브라우징 맥락으로 생성됩니다. 이는 하이퍼링크를 클릭해서 열린 새로운 브라우저 탭의 window.opener 속성에 null 값이 주어지면서 window.opener 속성을 통한 컨트롤을 막아줍니다.

noreferrer

noreferrer 키워드를 사용하면 사용자가 내 페이지의 하이퍼링크를 클릭하여 다른 사이트 페이지로 이동할 때 내 사이트에 대한 정보가 HTTP 헤더에 포함되지 않기 때문에 그 사이트에서 사용자가 내 사이트를 통해서 방문한 것을 모르고 direct로 방문 했다고 인식하게 됩니다.

nofollow

nofoolow는 링크된 그 페이지의 원저자 또는 발행인에 의해 보증되지 않았거나 광고 링크나 유료 게재 링크에 nofollow를 지정하여 검색결과 순위에 영향을 주지 않도록 합니다.