반응형
HTML의 a 태그는 하이퍼링크를 생성하는 데 사용됩니다. 이 태그의 속성 중 하나인 target 속성은 링크가 클릭되었을 때 링크된 문서를 어디에 표시할지를 지정하는 데 사용됩니다. target 속성의 주요 값들은 다음과 같습니다:
target 속성 값
_self- 설명: 링크가 클릭된 동일한 창이나 프레임에서 문서를 엽니다. (기본값)
- 예시:
<a href="https://www.example.com" target="_self">Link</a>
_blank- 설명: 링크를 새 창이나 새 탭에서 엽니다.
- 예시:
<a href="https://www.example.com" target="_blank">Link</a>
_parent- 설명: 링크를 부모 프레임에서 엽니다. 현재 프레임이 최상위 프레임일 경우
_self와 동일하게 동작합니다. - 예시:
<a href="https://www.example.com" target="_parent">Link</a>
- 설명: 링크를 부모 프레임에서 엽니다. 현재 프레임이 최상위 프레임일 경우
_top- 설명: 링크를 전체 창에서 엽니다. 모든 프레임을 벗어나 최상위 브라우저 창에서 문서를 엽니다.
- 예시:
<a href="https://www.example.com" target="_top">Link</a>
- 프레임 이름
- 설명: 특정 이름의 프레임에서 링크를 엽니다. 프레임 이름은 페이지에 정의된 특정 프레임을 가리키는 데 사용됩니다.
- 예시:
<a href="https://www.example.com" target="frame_name">Link</a>
예시
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Target 속성 예시</title>
</head>
<body>
<h1>HTML a 태그의 target 속성 예시</h1>
<p><a href="https://www.example.com" target="_self">Same window (기본값)</a></p>
<p><a href="https://www.example.com" target="_blank">New window/tab</a></p>
<p><a href="https://www.example.com" target="_parent">Parent frame</a></p>
<p><a href="https://www.example.com" target="_top">Entire window</a></p>
</body>
</html>반응형
LIST
'Techary' 카테고리의 다른 글
| 파일명을 작성할 때 사용할 수 있는 특수문자와 기호 (0) | 2025.02.25 |
|---|---|
| 티스토리 블로그 글 발행, 이렇게 하면 무조건 손해! (꿀팁 대방출) (0) | 2025.02.23 |
| target 속성의 _self 와 _top 차이점 (0) | 2025.02.22 |
| 웹사이트 속도를 높이는 웹폰트 최적화 전략! (2) | 2024.12.26 |
| 웹사이트 SEO 성과 향상 전략과 분석적 접근 방법 (1) | 2024.11.08 |