새창에서 링크걸기(HTML 링크태그)

새창에서 링크 거는 태그 쉬운건데 어렵다

 

HTML CSS: 새창으로 열기 태그, 새 윈도우 여는 링크 속성; target _blank

Tuesday, June 19, 2007

 

http://mwultong.blogspot.com/2007/06/html-css-target-blank.html

 

Tuesday, June 19, 2007

 

어떤 하이퍼링크를 클릭했을 때, 현재 창에서 링크가 열리는 것도 있고, 새창이 뜨면서 열리는 링크도 있습니다. <a> 태그 속에 target="_blank" 라는 속성을 넣어주면 새창으로 열립니다. 그런데 새창으로 열기를 하면, 파이어폭스 같은 탭브라우저에서 불편할 수 있어 추천하지 않고, target="_blank" 속성이 웹표준도 아닙니다.

아래 예제에서, 첫번째 링크는 현재창으로, 두번째 링크는 새창으로 열립니다.

예제 파일명: example.html

<a href="http://www.google.co.kr/">구글 검색 (현재 창으로 열기)</a>


<br /><br /> <!-- 줄바꿈 -->


<a href="http://www.google.co.kr/" target="_blank">구글 검색 (새 창으로 열기)</a>

물론, 현재창으로 뜨는 일반 링크에서도 키보드의 Shift키를 누르며 링크를 클릭하면 항상 새창으로 뜹니다.

 

 

<a href="http://www.google.co.kr/">구글 검색 (현재 창으로 열기)</a>


<br /><br /> <!-- 줄바꿈 -->


<a href="http://www.google.co.kr/" target="_blank">구글 검색 (새 창으로 열기)</a>