HTML의 A 태그에는 target
이라는 속성이 존재한다. 그리고 그 Target은 해당 액션의 결과를 표시할 창을 가리키는 속성값이다.
최근에 알게 된 사실이지만 이 속성값에도 아래와 같이 _top
, _self
등과 같이 이미 지정된 값이 존재했다.
_top
어느 프레임에서 아래 링크를 클릭하던, 해당 프레임을 포함한, 최고 상단 페이지가 이동한다.
<!-- HTML --> <a href="http://blog.sangpire.pe.kr" target="_top">
// JavaScript top.location.href = "http://blog.sangpire.pe.kr";
_self
현재 페이지 또는 프레임 주소만 변경.
<!-- HTML --> <a href="http://blog.sangpire.pe.kr" target="_self">
// JavaScript self.location.href = "http://blog.sangpire.pe.kr";
_parent
부모(parent)페이지를 이동.
<!-- HTML --> <a href="http://blog.sangpire.pe.kr" target="_parent">
// JavaScript parent.location.href = "http://blog.sangpire.pe.kr";
_blank
항상 새로운 창으로 이동.
<!-- HTML --> <a href="http://blog.sangpire.pe.kr" target="_blank">
구체적인 이름
이 외에도 특정 이름을 갖은 창에 주소를 바꿀 수도 있다. 이때 해당 이름의 창이 존재하지 않으면 _blank
와 같이 새 창으로 링크가 열리게 된다.
<!-- HTML sub는 창 이름, 없을 경우 새창으로. --> <a href="http://blog.sangpire.pe.kr" target="sub">