본문 바로가기

내직업은 IT종사자/HTML|CSS

[html] a 태그 target="blank" 와 target="_blank" 차이

반응형

 

 

 

 목차

 

 

 

1. target 속성의 역할


두 가지 다 누르면 새 창으로 이동하는 공통점이 있습니다.

 

 

- target="blank"

- target="_blank" 두가지가 있습니다.

 

 

 

예제 코드)

<div>
        <a href="https://joyhong-91.tistory.com" target="_blank">티스토리 개인블로그</a>
        <a href="https://joyhong-91.tistory.com" target="blank">티스토리 개인블로그</a>
        <a href="https://www.tistory.com/" target="blank">티스토리 메인페이지</a>
    </div>

 

 

 

2. target="_blank"


누르면 새 창으로 이동합니다.  "blank"와 차이점은 누를 때 마다 새창으로 열린다는 것입니다.

 

 

 

 

 

3. target="blank"


누르면 새창으로 이동하지만 초기에 열렸던 새창으로 계속 열립니다.

예를 들어 눌렀을때 target="_blank"는 누를때마다 새로운 탭(새로운 창)이 열리고 눌르는 횟수만큼 새로운 탭(창) 이 생깁니다.

target="blank"는 눌렀을 때 A라는 탭(새로운 창)이 열렸다고 가정하에 또 누르면 A라는 탭에 다시 열립니다.  또 다른target="blank" 를 가진 <a>태그를 눌렀을때도 A라는 탭에 또 열립니다.

 

target="_blank"는 일회용이고  target="blank"는 재활용입니다!

 

 

 

 

 

 

 

 

 

잘못된 정보에 대한 피드백은 언제나 환영입니다  (´▽`ʃƪ)♡

반응형