<a>의 rel(noopener, noreferrer) 속성

초록공룡·2025년 8월 17일

HTML5

목록 보기
47/76

개념

  • rel은 링크된 문서와의 관계를 나타내는 a 태그의 속성이다.
  • noopener: 새 탭으로 열린 페이지가 원본 페이지 window(opener)에 접근하지 못하게 막는다
  • noreferrer: 리퍼러(Referer) 헤더를 보내지 않아, 방문 출처 URL이 전달되지 않게 한다.

실무

  • target="_blank" + rel="noopener"는 필수
  • 민감한 출처 노출을 피하고 싶다면 noreferrer를 추가한다.

예시

<a href="https://partner.example"
   target="_blank"
   rel="noopener noreferrer">
  파트너 사이트 (리퍼러 숨김)
</a>
profile
빠른 행동, 쉽고, 간단하게

0개의 댓글