Techary

target 속성의 _self 와 _top 차이점

davecheon 2025. 2. 22. 09:46
반응형


_top_self는 HTML의 a 태그에서 링크를 클릭했을 때 링크된 문서를 어디에 표시할지를 제어하는 target 속성의 값입니다. 두 값을 사용할 때 차이점 입니다.

_self

  • 설명: 링크가 클릭된 동일한 창이나 프레임에서 문서를 엽니다. 기본값이므로 target 속성을 지정하지 않았을 때와 동일한 동작을 합니다.
  • 사용 예시: <a href="https://www.example.com" target="_self">Same window</a>

_top

  • 설명: 링크를 전체 창에서 엽니다. 모든 프레임을 벗어나 최상위 브라우저 창에서 문서를 엽니다. 즉, 현재 페이지가 프레임이나 iframe 내부에 있을 경우 최상위 브라우저 창에서 문서를 열게 됩니다.
  • 사용 예시: <a href="https://www.example.com" target="_top">Entire window</a>

차이점

  • _self: 현재 창이나 프레임에서 링크된 문서를 엽니다. 프레임이 존재하더라도 현재 프레임 내에서만 문서가 열립니다.
  • _top: 전체 창에서 링크된 문서를 엽니다. 프레임 구조가 있는 페이지에서 최상위 브라우저 창에서 문서를 열게 됩니다. 즉, 프레임이나 iframe을 벗어나 최상위 창에서 문서가 열립니다.
반응형
LIST