a태그 href 속성 #, #none 및 링크 옵션

href "#"와 "#none"의 차이 

이미지나 문구 등에 a tag를 사용하여 버튼 처럼 사용하는 경우가 많은데, 이럴때 아래와 같은 차이가 있다.

 

<a href="#" onclick="함수"> 버튼1 </a> 

<a href="#none" onclick="함수"> 버튼2 </a> 

 

"#"          : 아무것도 실행하지는 않지만 페이지 최상단으로 이동한다. 

"#none" : 아무것도 실행하지 않으며, 페이지 최상단으로도 이동하지 않는다. 

 

 

 

같은 페이지 내에서 이동 

위로이동'을 클릭할 경우 name이 'here'인 곳으로 이동한디.

 

<a name="here" /> 

<br/>

<a href="#here"> 위로이동 </a> 

 

 

 

다른 페이지로 이동 

href에 넣은 주소로 페이지를 이동시킨다.

 

구글 열자

 

 

* 페이지를 열 창을 선택하는 옵션도 줄 수 있다.

Value	Description
_blank	Opens the linked document in a new   window or tab
_self	Opens the linked document in the same   frame as it was clicked (default)
_parent	Opens the linked document in the   parent frame
_top	Opens the linked document in the full   body of the window
framename	Opens the linked document in a named   frame

 

예) 새로운 창으로 링크 주소 열기

<a href="www.google.com" target="_blank"> 구글열자 </a>

 

 

출처 : lookingfor.tistory.com/entry/a%ED%83%9C%EA%B7%B8-href-%EC%86%8D%EC%84%B1-none-%EB%B0%8F-%EB%A7%81%ED%81%AC-%EC%98%B5%EC%85%98