[HTML] a 태그 새 창에서 실행 / a 태그 속성 / target="_blank"

a 태그란?

다들 알고계실테지만 a태그는 하이퍼링크 를 만들어주는 태그입니다. 보통 다른 페이지로 갈 때 사용하긴 하지만 사실 하이퍼링크라는 것은 꼭 다른 페이지일 필요가 없습니다. 같은 페이지 내에 요소로 접근도 가능하고, 파일이나 이메일 주소로도 접근할 수 있습니다!

 

---

href 외에 유용한 props

가장 흔한 href는 다들 아실테니 생략하겠습니다😀

그 외에 유용한 태그에는 download와 target이 있습니다.

 

download

링크로 이동하는 것이 아니라,  사용자에게 URL을 저장할지 물어볼 수 있습니다. 브라우저에서 마우스 우클릭하고 다른 이름으로 링크 저장 을 실행하는 것과 같습니다!

 

설명이 너무 잘 돼있는 링크가 있어서 첨부합니다!

taegon.kim/archives/5178

[HTML5] A 태그의 download 속성

---

target

링크한 URL을 표시할 위치를 뜻합니다! 아래 예시와 같이 a 태그에 target="_~~" 속성을 주면 됩니다.

<a href='https://programming119.tistory.com/' target='_blank'>Blog</a>

• _self : 기본값이며, 그냥 현재 페이지에서 링크를 엽니다.
• _blank : 새 창에서 링크를 엽니다.
• _parent : 브라우징 맥락의 부모에서 엽니다.
• _top : 가장 상위창에서 엽니다.

주로 _self 나 _blank 가 많이 이용됩니다!

 

 

---

참고 및 출처 : developer.mozilla.org/ko/docs/Web/HTML/Element/a