| 최초 작성일 : 2023-05-12 | 수정일 : 2023-05-12 | 조회수 : 513 |
HTML <a> 태그의 target 속성은 링크를 클릭했을 때 페이지가 어디에서 열릴지 지정합니다. 다음 표에서 target 속성의 가능한 값들을 확인해보세요:
| 속성값 | 설명 |
|---|---|
_blank | 링크를 새 창이나 탭에서 엽니다. |
_self | 링크를 현재 창이나 탭에서 엽니다. (기본값) |
_parent | 링크를 부모 프레임에서 엽니다. 부모 프레임이 없는 경우, 이 옵션은 _self와 같게 작동합니다. |
_top | 링크를 현재 창의 최상위 프레임에서 엽니다. 다른 프레임이 없는 경우, 이 옵션은 _self와 같게 작동합니다. |
| frame name | 링크를 지정된 이름의 프레임에서 엽니다. 해당 이름의 프레임이 없는 경우 새 창이나 탭에서 링크를 엽니다. |
예를 들어, 링크를 새 창이나 탭에서 열려면 다음과 같이 작성할 수 있습니다:
회원가입
로그인html<a href="https://www.example.com" target="_blank">Visit Example.com</a>
이때, 보안 이슈를 방지하기 위해 rel="noopener" 또는 rel="noreferrer"를 추가하는 것이 좋습니다. 이는 새로 열린 페이지가 JavaScript의 window.opener를 통해 원본 페이지를 조작하는 것을 방지합니다. 예를 들면 다음과 같습니다:
html<a href="https://www.example.com" target="_blank" rel="noopener noreferrer">Secure link to Example.com</a>
![[프롤로그] macOS 로 웹서버 운영하기 #1](https://cdn.xserver.kr/2210/20221019-204233-0011-e0b43d7adf04f77c81d846f9d8eee988.41)
![[PHP] 30분뒤 자동으로 로그아웃하는 코드 - Session](../_imgs/photo/bbs_image_0346.jpg)
![[PHP] mb_substr 로 한글 문자열을 깨지지 않고 안전하게 분리하기](../_gallery/mblog/my_photo/mblog_image_0001.jpg)
![[mySQL] 특정 레코드가 몇 번째인지 알아내는 방법](../_imgs/photo/bbs_image_0337.jpg)
