반응형
목차
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"는 재활용입니다!
잘못된 정보에 대한 피드백은 언제나 환영입니다 (´▽`ʃƪ)♡
반응형
'내직업은 IT종사자 > HTML|CSS' 카테고리의 다른 글
[html] <head>태그 <script> async, defer 차이점, 어떻게 사용해야 할까요? (0) | 2023.05.06 |
---|---|
[html] a href="#" , javascript: void(0), javascript: ; 차이점, 무엇을 써야할까요? (0) | 2023.04.26 |
[html] display:none, visibility: hidden의 차이점 (0) | 2023.04.25 |
[HTML] WAI-ARIA란? 웹접근성을 고려하는 방법 (aria-role, aria-label, aria-labelledby, aria-hidden, aria-tab) (0) | 2023.04.23 |
[HTML] 시멘틱 태그란?(semantic tag) / 웹접근성을 고려한 마크업 (0) | 2023.04.23 |