본문 바로가기
[개발] Programming/HTML, CSS

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

by eatyourKimchi 2018. 11. 2.

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에 넣은 주소로 페이지를 이동시킨다.


<a href="http://www.google.com"> 구글 열자 </a>



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

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>



댓글