본문으로 건너뛰기
실습하기

a 태그 target 속성

<a> 태그의 target 속성은 링크를 열 때 새 창이나 현재 창에서 열지를 지정하는 데 사용됩니다.

a 태그 target 속성
<a href="링크 주소" target="_blank">링크 텍스트</a>
  • _blank: target="_blank"는 링크를 새 창 또는 탭에서 열도록 지정합니다. 클릭하면 링크 주소가 새 창이나 탭에 로드됩니다. 이는 링크를 현재 웹페이지와 분리하여 열어서 사용자가 원래 페이지를 그대로 유지할 수 있도록 합니다.

  • _self: target="_self"는 링크를 현재 창에서 열도록 지정합니다. 이는 링크를 현재 웹페이지에서 로드하여 현재 창의 내용을 대체합니다. 이는 링크를 클릭한 후 현재 페이지가 새로운 페이지로 대체되는 것을 의미합니다.

다음과 같은 HTML 코드는 "Google로 이동하기"라는 링크를 생성하고, 이 링크를 새 창에서 열도록 지정합니다.

새 창에서 링크 열기
<a href="https://www.google.com" target="_blank">Google로 이동하기</a>

위의 코드를 웹페이지에 추가하면 "Google로 이동하기"라는 링크가 표시되고, 이 링크를 클릭하면 Google 웹사이트가 새 창에서 열립니다.

다음 내용이 궁금하다면?

코드프렌즈 PLUS 멤버십 가입 or 강의를 등록해 주세요!