Notice
Recent Posts
Recent Comments
Link
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | 5 | 6 | 7 |
8 | 9 | 10 | 11 | 12 | 13 | 14 |
15 | 16 | 17 | 18 | 19 | 20 | 21 |
22 | 23 | 24 | 25 | 26 | 27 | 28 |
29 | 30 | 31 |
Tags
- JavaScript
- translate
- 툴팁
- tag
- 시맨틱
- 페이지 이동
- 가상 클래스
- Transform
- 시맨틱 태그
- Semantic tag
- Semantic
- 깜박임
- googlechart
- html5
- window.open
- HTML
- 태그
- window open
- 팝업
- position
- relative
- absolute
- 가상 요소
- jQuery UI
- script
- css3
- jQuery
- onclick
- 구글차트
- 새창열기
Archives
- Today
- Total
무아지경
a링크 #none / javascript:void(0) 본문
a태그의 href=""
코딩을 하다보면 수많은 a링크를 쓰게 된다. 이때 href="" 안에 아무것도 넣지 않게 되면 링크를 클릭 할때마다 페이지 상단으로 화면이 이동하게 된다.
이때 사용 하는것이 #none 혹은 javascript:void(0) 이다.
#none / javascript:void(0)을 사용 하면 a태그의 페이지 변환/페이지 이동 기능을 무효화 시킨다고 한다.
그동안 #none를 써왔다. 아직까지는 문제된 적이 없는것 같다.
웹접근성 검사할때 문제가 됬던 적이 있었던것 같은데 아직 확실치 않아서 둘 중 무엇을 써야 하는지는 좀더 알아 봐야 할 것 같다.
'퍼블리싱 > HTML5 + CSS3' 카테고리의 다른 글
display:table 을 이용한 가로/세로 가운데 정렬 (0) | 2018.07.13 |
---|---|
display:table / display:table-cell 속성 (0) | 2018.07.13 |
window.open() 팝업창 띄우기 (0) | 2018.07.05 |
유튜브 동영상 반응형 (0) | 2018.07.05 |
border-radius (0) | 2018.05.30 |
Comments