HTML <a> 태그의 target 속성이란?
HTML에서 <a> 요소의 target 속성은 링크된 문서가 어느 위치에서 열릴지를 지정하는 데 사용됩니다. 이 속성을 활용하면 새 창, 현재 프레임, 부모 프레임 등 원하는 곳에서 문서를 열도록 설정할 수 있습니다.
기본 문법
<a target="_blank|_self|_parent|_top|frame">
각 속성값의 의미는 다음과 같습니다.
- _blank: 링크된 문서를 새 창 또는 새 탭에서 엽니다.
- _self: 링크가 클릭된 것과 동일한 프레임에서 문서를 엽니다. (기본값)
- _parent: 부모 프레임에서 문서를 엽니다.
- _top: 창 전체 영역에서 링크된 문서를 엽니다.
- frame: 이름이 지정된 특정 프레임에서 링크된 문서를 엽니다.
예제
다음은 <a> 요소에 target 속성을 실제로 적용한 예제입니다.
<!DOCTYPE html>
<html>
<body>
<h2>Learning is Fun</h2>
<p><strong>참고 −</strong> 아래 링크들은 모두 새 창에서 열립니다.</p>
<p><a href="https://www.tutorialspoint.com/tutorialslibrary.htm" target="_blank">Tutorials Library</a><br>
<a href="https://www.tutorialspoint.com/programming_examples/" target="_blank">Codes</a><br>
<a href="https://www.tutorialspoint.com/computer_glossary.htm" target="_blank">Computer Glossary</a>
<br>
</body>
</html>위 코드를 실행하면 다음과 같은 결과가 출력되며, 페이지의 각 링크는 모두 새 창에서 열립니다.
코드 분석
위 예제에서는 target 속성에 다음과 같이 값을 설정했습니다.
<a href="https://www.tutorialspoint.com/tutorialslibrary.htm" target="_blank"> Tutorials Library </a>
여기서 target 속성의 값이 _blank로 지정되어 있기 때문에, href 속성에 담긴 링크 주소가 새 창(또는 새 탭)에서 열리게 됩니다.
target="_blank"