반응형
_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
'Techary' 카테고리의 다른 글
파일명을 작성할 때 사용할 수 있는 특수문자와 기호 (0) | 2025.02.25 |
---|---|
티스토리 블로그 글 발행, 이렇게 하면 무조건 손해! (꿀팁 대방출) (0) | 2025.02.23 |
a 태그의 target 속성과 사용방법 예시 (0) | 2025.02.22 |
웹사이트 속도를 높이는 웹폰트 최적화 전략! (2) | 2024.12.26 |
웹사이트 SEO 성과 향상 전략과 분석적 접근 방법 (1) | 2024.11.08 |