HTML | 링크 a 태그 새창 새탭에서 여는 방법

html link new window

새창에서 열기

html에서 링크를 표현할 때는 <a> 태그를 이용한다. 이렇게 해서 구현된 링크를 클릭하면 현재 페이지에서 <a> 태그가 가리키는 페이지로 이동한다. 이때 기존 페이지는 가만히 유지시키고 새로운 창에 띄우고 싶을 때가 있다. 이럴 때는 <a> 태그 내에 아래와 같이 속성을 추가해 주면 된다.

<a href="zyngirok.com" target='_blank'>ZYNGIROK</a>

a태그 내에 "target='_blank'"를 추가한 것이다. 속성들의 순서는 상관 없고 속성들 사이의 콤마도 필요 없다.

새 탭에서 열기

요즘은 브라우저 들에서 새로운 윈도우를 여는 대신 새로운 탭으로 링크를 띄워 여러 창이 뜨는 번잡스러움을 줄여주었다. 개발을 하다 보면 새 탭과 새 창을 구분해 섬세하게 구현하고 싶어 지기도 한다. 하지만 아쉽게도 현재 html 문법으로는 새창과 새 탭을 구분 지을 수 없다. 단지 이 기능은 이용하는 브라우저 환경에 따라서 새 탭으로 열리거나 새창으로 열리게 된다.

* 오히려 요즘은 대부분이 새탭이고 새창은 따로 마우스 우클릭으로 실행해야 한다.