<a>의 target 속성

초록공룡·2025년 8월 17일

HTML5

목록 보기
46/76

개념

  • 링크를 클릭했을 때 문서를 "어디에서" 열지 결정하는 a 태그의 속서이다.
  • 기본값은 현재 탭에서 열리는 _self이다.

속성 값

  • _self: 현재 탭/프레임에서 연다.
  • _blank: 새 탭(또는 새 창)에서 연다.
  • _parent: 부모 프레임에서 연다(프레임 사용 시).
  • _top: 최상위 창에서 연다(프레임 벗어나 최상위로).
  • 프레임이름: 해당 이름을 가진 프레임으로 연다(iframe name과 연동).

주의사항

  • target="_blank" 사용 시 rel="noopener noreferrer"를 같이 지정해 새 탭에서 열린 페이지가 원본 window를 제어하는 문제(window.opener)와 성능 이슈를 방지

예시

<a href="https://example.com"
   target="_blank"
   rel="noopener noreferrer">
  공식 사이트 열기 (새 탭)
</a>
profile
빠른 행동, 쉽고, 간단하게

0개의 댓글