[HTML] a href="#" .. 의미
[HTML] a href="#" .. 의미
- a 태그는 anchor의 첫 글자로서 '닻'이란 의미,
즉, 다른 문서로의 이동, 또는 같은 문서내의 이동을 위해 사용함 - 웹페이지의 href="#" 모습을 볼 수 있는데 각 경우 별로 정리해보았다
1. 클릭 이벤트 발생시 페이지 전환을 하지 않도록 하기 위해서 쓰임
- # + id를 사용해서 같은 문서내의 해당 element로 이동하도록 하는 것인데, #으로 의미없는 링크를 주어 페이징이 안되도록 하는 것
2. 만약 화면 최상단으로 이동을 목적으로 #을 쓴다면
- 다음 코드와 같이 window.scrollTo()를 쓰는것이 더 좋은 방법
3. href="#"와 href="#;"(세미콜론)의 차이는 세미콜론이 붙으면 화면 최상단으로 이동하지 않는다
- href="#"으로 하면 이벤트가 발생하기전 화면 최상단으로 이동한 후 이벤트가 수행됨
- href="#;"으로 하면 최상단으로의 이동 없이 이벤트가 수행됨
출처
댓글
댓글 쓰기