target="_blank"는 HTML에서 링크(<a> 요소)를 클릭했을 때 새 창이나 새 탭에서 링크된 페이지를 열도록 지정하는 속성입니다.
이 속성을 사용하면 링크된 페이지가 현재 창이 아닌 새로운 브라우저 창이나 탭에서 열립니다.
예를 들어:
htmlCopy code
<a href="https://www.example.com" target="_blank">바로가기</a>
이렇게 하면 "바로가기"라는 링크를 클릭했을 때, https://www.example.com 페이지가 새로운 창이나 탭에서 열립니다.
_blank 값은 기본적으로 지원되는 값 중 하나이며, 다른 값을 사용할 수도 있습니다. 일반적으로는 다음과 같은 값들을 사용합니다:
- _self: 현재 창에서 링크를 엽니다.
- _parent: 부모 프레임에서 링크를 엽니다.
- _top: 현재 창의 최상위 프레임에서 링크를 엽니다.
target="_blank"를 사용할 때 주의할 점은 사용자 경험과 보안에 관련된 것입니다. 새 창이나 새 탭이 열리면 사용자가 이를 인식하고, 사용자 경험이나 보안 문제를 유의해야 합니다. 특히 팝업 차단기가 설정되어 있는 경우, 새 창이 열리지 않을 수도 있습니다.
position: absolute;는 CSS의 속성 중 하나로, 해당 요소를 문서 흐름에서 제거하고 부모 요소나 조상 요소 중에서 위치 상으로 가장 가까운 "상대적으로 위치된" 요소를 기준으로 위치를 지정합니다.
position: absolute;를 사용할 때 주의할 점은 다음과 같습니다:
- 부모 요소의 위치: 해당 요소의 위치는 가장 가까운 "상대적으로 위치된" 조상 요소에 따라 결정됩니다. 만약 부모 요소 중 어떤 것도 "상대적으로 위치된" 요소가 아니라면, 문서(body)를 기준으로 위치가 결정됩니다.
- 다른 요소에 대한 영향: position: absolute;로 지정된 요소는 다른 요소들에 대한 공간을 차지하지 않습니다. 따라서 다른 요소들은 해당 요소가 없는 것으로 취급됩니다. 이는 페이지의 레이아웃에 영향을 줄 수 있으므로 주의해야 합니다.
- 스크롤 영역: 부모 요소 중 overflow 속성이 visible이 아닌 경우, 해당 요소가 부모 요소의 가시적 영역을 벗어날 수 있습니다.
- 위치 지정: position: absolute;를 사용하여 요소를 위치시킬 때, top, bottom, left, right 속성을 사용하여 상대적인 위치를 지정할 수 있습니다.
일반적으로 position: absolute;는 특정 요소를 페이지의 특정 위치에 고정하거나 오버레이(overlay) 요소를 만들 때 사용됩니다. 그러나 남용하면 페이지의 레이아웃을 혼란스럽게 할 수 있으므로 사용할 때 주의해야 합니다.