티스토리 뷰

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">
공지사항
최근에 올라온 글
최근에 달린 댓글
Total
Today
Yesterday
링크
«   2024/03   »
1 2
3 4 5 6 7 8 9
10 11 12 13 14 15 16
17 18 19 20 21 22 23
24 25 26 27 28 29 30
31
글 보관함