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>
'[개발] Programming > HTML, CSS' 카테고리의 다른 글
체크박스 배경을 이미지로 지정하기 (0) | 2018.11.02 |
---|---|
a태그 클릭 이벤트, href "#", "#none", onclick 등 차이점 (0) | 2018.11.02 |
HTML 특수문자 표현, 치환 방법 (0) | 2018.11.02 |
드롭다운 메뉴 선택시 페이지 이동 (select option 태그 페이지 이동) (0) | 2018.11.02 |
input 태그 힌트 주기 (placeholder 설정) 및 힌트 문구 폰트 색상 지정 (0) | 2018.11.01 |
댓글