[HTML] target 속성의 사용

target 속성

 

참고 사이트

https://m.blog.naver.com/wolfre/220319783903

target ( _blank, _self, _parent, _top )

속성명이 target 이고 인수가 _blank, _self, _parent, _top  4개 중 하나가 들어감.

---

_blank
새 윈도우 창을 열어서, 웹페이지를 엽니다. 기존의 창은 그대로 남겨져 있다. 

_self
현재 윈도우창에 그대로, 링크된 웹페이지를 엽니다. ( 현재의 프레임 )

---

 

target 속성의 값과 그 의미

 

target 속성은 주로 <a> 태그와 <form> 태그에서 사용되며,

링크 클릭이나 폼 제출 시 새로운 브라우저 창이나 탭, 프레임 등을 지정하는 데 사용된다.

 

_self:

• 설명: 링크나 폼이 같은 탭 또는 창에서 열립니다.
• 기본값: 별도로 지정하지 않으면 기본적으로 _self로 작동합니다.

<a href="https://www.example.com" target="_self">Open in Same Tab</a>

_blank:

• 설명: 링크나 폼이 새 탭 또는 새 창에서 열립니다.
• 주의사항: 보안 강화를 위해 rel="noopener noreferrer" 속성과 함께 사용하면
• 원래 페이지와 새 페이지 간의 window 객체 공유를 방지할 수 있습니다.

<a href="https://www.example.com" target="_blank">Open in New Tab</a>

_parent:

• 설명: 링크나 폼이 부모 프레임에서 열립니다.
• 현재 프레임이 최상위 프레임이면 _self와 동일하게 작동합니다.

<a href="https://www.example.com" target="_parent">Open in Parent Frame</a>

_top:

• 설명: 링크나 폼이 최상위 프레임(전체 창 또는 탭)에서 열립니다.
• 현재 프레임이 최상위 프레임이면 _self와 동일하게 작동합니다.

<a href="https://www.example.com" target="_top">Open in Top Frame</a>

프레임 이름 또는 창 이름:

• 설명: 특정 이름을 가진 프레임이나 창에서 링크나 폼이 열립니다.
• 해당 이름의 프레임이나 창이 없다면 새로 만들어집니다.

<iframe name="myFrame"></iframe>
<a href="https://www.example.com" target="myFrame">Open in Named Frame</a>

---

요약

• _self: 링크나 폼을 같은 탭/창에서 열기 (기본값).
• _blank: 링크나 폼을 새 탭/창에서 열기.
• _parent: 링크나 폼을 부모 프레임에서 열기.
• _top: 링크나 폼을 최상위 프레임에서 열기.
• 프레임 또는 창 이름: 특정 이름을 가진 프레임 또는 창에서 열기.