Tuesday, June 19, 2007
HTML CSS: 새창으로 열기 태그, 새 윈도우 여는 링크 속성; target _blank
어떤 하이퍼링크를 클릭했을 때, 현재 창에서 링크가 열리는 것도 있고, 새창이 뜨면서 열리는 링크도 있습니다. <a> 태그 속에 target="_blank" 라는 속성을 넣어주면 새창으로 열립니다. 그런데 새창으로 열기를 하면, 파이어폭스 같은 탭브라우저에서 불편할 수 있어 추천하지 않고, target="_blank" 속성이 웹표준도 아닙니다.
아래 예제에서, 첫번째 링크는 현재창으로, 두번째 링크는 새창으로 열립니다.
예제 파일명: example.html
<a href="https://www.google.co.kr/">구글 검색 (현재 창으로 열기)</a>
<br /><br /> <!-- 줄바꿈 -->
<a href="https://www.google.co.kr/" target="_blank">구글 검색 (새 창으로 열기)</a>
물론, 현재창으로 뜨는 일반 링크에서도 키보드의 Shift키를 누르며 링크를 클릭하면 항상 새창으로 뜹니다.
아래 예제에서, 첫번째 링크는 현재창으로, 두번째 링크는 새창으로 열립니다.
예제 파일명: example.html
<a href="https://www.google.co.kr/">구글 검색 (현재 창으로 열기)</a>
<br /><br /> <!-- 줄바꿈 -->
<a href="https://www.google.co.kr/" target="_blank">구글 검색 (새 창으로 열기)</a>
물론, 현재창으로 뜨는 일반 링크에서도 키보드의 Shift키를 누르며 링크를 클릭하면 항상 새창으로 뜹니다.
tag: html
HTML | CSS | 자바스크립트 JavaScript
<< Home