웹페이지 관련
HTML 새창에서 열기, 현재창에서 열기 코드 수정
안산드레아스
2022. 1. 13. 14:25
반응형
HTML코드에서 새창으로 여는 방법은 아래 코드를 추가 하면 된다.
target="_blank"반대로 저게 없으면 현재창에서 여는 것.
어떤 목차 코드가 있는데, 이를 현재창에서 이동하는것과 새창에서 열고 이동하는 코드 예시이다.
<div class="toc">
<ol>
<li><a rel="noopener" href="#anchor-1">Section 1</a></li>
<li><a rel="noopener" href="#anchor-2">Section 2 </a></li>
<li><a rel="noopener" target="_blank" href="#anchor-3">Section 3 </a></li>
<li><a rel="noopener" target="_blank" href="#anchor-4">Section 4 </a></li>
</ol>
</div>위 anchor-1 과 anchor-2 는 현재창에서 바로 이동하고, anchor-3 과 anchor-4 는 target="_blank"가 있으므로 새창을 열고 그곳에서 이동한다.
반응형