HTML을 사용해 새창 띄우기

HTML에서 새 창을 띄우려면, 주로 <a> 태그의 target 속성을 사용하여 링크를 클릭할 때 새 창이나 새 탭에서 페이지가 열리도록 설정할 수 있습니다. 여기에는 여러 옵션이 있지만, 새 창을 띄우는 가장 일반적인 방법은 target="_blank"를 사용하는 것입니다.

 

예제:

<a href="https://www.example.com" target="_blank">방문하기</a>

 

이 코드는 사용자가 "방문하기" 링크를 클릭할 때, https://www.example.com 주소로 새 창이나 탭을 열도록 합니다. target="_blank" 속성이 바로 이러한 동작을 지정합니다.

 

target 속성의 다른 값들:

• _self: 링크된 문서를 현재 창에서 엽니다. 이것은 기본값입니다.
• _blank: 링크된 문서를 새 창이나 탭에서 엽니다.
• _parent: 링크된 문서를 부모 프레임에서 엽니다. 현재 페이지가 프레임 안에 있지 않다면, 이 옵션은 _self와 동일하게 작동합니다.
• _top: 링크된 문서를 전체 창에서 엽니다. 현재 페이지가 여러 프레임으로 나누어진 경우, 모든 프레임을 무시하고 가장 상위의 창에서 링크된 페이지를 엽니다.

 

JavaScript를 사용한 새 창 열기:

HTML 외에도 JavaScript의 window.open() 함수를 사용하여 새 창을 열 수 있습니다. 이 방법은 좀 더 세밀한 제어가 필요할 때 유용합니다.

window.open('https://www.example.com', '_blank');

이 함수는 첫 번째 매개변수로 URL을 받고, 두 번째 매개변수로는 해당 URL을 어떻게 열지를 결정하는 문자열을 받습니다. 여기서도 _blank를 사용하면 새 창이나 새 탭에서 페이지가 열립니다.

이 방법들을 통해 HTML 문서에서 사용자의 행동에 따라 새 창을 열거나, 프로그래매틱하게 JavaScript를 사용하여 새 창을 열 수 있습니다.