반응형

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"가 있으므로 새창을 열고 그곳에서 이동한다.

반응형

+ Recent posts