HTML에서 링크된 문서가 어디에서 열릴지 지정하려면 target 속성을 사용합니다. 이 속성은 <a> 태그와 함께 사용되며, 링크를 클릭했을 때 해당 문서가 새 탭에서 열릴지, 현재 탭에서 열릴지 등을 결정할 수 있습니다.
target 속성의 주요 값
target 속성에 사용할 수 있는 값은 다음과 같습니다.
| 값 | 설명 |
|---|---|
| _blank | 링크된 페이지를 새 탭(또는 새 창)에서 엽니다. |
| _self | 링크된 페이지를 현재 탭에서 엽니다. (기본값) |
| _parent | 링크된 페이지를 부모 프레임에서 엽니다. |
| _top | 링크된 페이지를 최상위 프레임에서 엽니다. |
사용 예제
다음 코드를 실행하여 target 속성이 실제로 어떻게 동작하는지 직접 확인해 볼 수 있습니다.
<!DOCTYPE html>
<html>
<head>
<title>HTML target attribute</title>
</head>
<body>
<h2>References</h2>
<p>다음 <a href = "https://www.qries.com/questions.php" target = "_blank">웹사이트</a>를 참고하세요.<br>
위 링크는 새 탭에서 열립니다.</p>
</body>
</html>위 예제에서 target = "_blank"가 설정되어 있기 때문에, 링크를 클릭하면 현재 페이지는 그대로 유지된 채 새 탭에서 해당 웹사이트가 열리게 됩니다.
참고 사항
_blank를 사용해 새 탭에서 페이지를 열 경우, 보안 및 성능상의 이유로 rel="noopener noreferrer" 속성을 함께 추가하는 것이 권장됩니다. 이를 통해 원본 페이지와 새로 열린 페이지 간의 불필요한 참조 관계를 차단할 수 있습니다.