[html] a 태그 활용 (blank, self, parent, top)

 

a태그는 보통 링크를 걸어 줄때 활용됩니다.

 

a태그에서도 활용법이 여러가지가 있는데, 포스팅 하겠습니다.

 

<a href="sub/sub1.html">서브메뉴바로가기</a><!--ftp 파일 내에 html파일로 이동-->
<a href="tel:010-1234-5678">전화걸기</a><!--클릭시 전화걸기(모바일에서 많이 사용)-->
<a href="mailto:test@naver.com">메일보내기</a><!--클릭시 메일 전송-->
<a href="document.pdf">파일다운로드링크</a><!--ftp 파일내 파일 다운로드-->

링크 이동말고도 전화걸기, 메일전송, 파일다운로드로도 링크를 걸어이용 할 수 있어요

 

<a href="sub/sub1.html" target="_blank">서브메뉴바로가기1</a>
<a href="sub/sub1.html" target="_slef">서브메뉴바로가기2</a>
<a href="sub/sub1.html" target="_parent">서브메뉴바로가기3</a>
<a href="sub/sub1.html" target="_top">서브메뉴바로가기4</a>

그리고 a태그에 타겟을 걸어 사용할수 있는데요,

 

blank

새창, 새탭에서 링크를 열기

 

self

현재창에서 링크 열기

 

parent

부모창에서 링크열기

 

top

현재 열려있는 최상위 창에서 링크 열기

 

이렇게 이용하는데, 저는 대부분 blank나 self 만 사용하더라구요.