href="javascript:void(0)" 또는 href="javascript:;" 또는 href="#"에 관한 고찰

소스를 까면 다 나오겠지만,

굳이 일반 유저에게 해당 액션에 대한 상세한 정보들까지 보여주고 싶지 않을 때 사용하는 방법으로 <A href="#" onclick="함수()">를 많이 사용하는 거 같다.

그런데,, 요즘엔..
<a href="javascript<x style="color: rgb(95, 94, 66); text-align: justify;">:;">
요거를 요즘 많이 보게된다.

두개의 차이점이 뭘까요? ㅡㅡ;

<a href="#">는 #이 현재페이지를 가리키기 때문에..
브라우저의 상황표시줄에는 현재페이지#이라는 URL로 나타나고, 깔끔하게 해결한 듯 하다.
그런데, 호출 했을때 페이지가 길다면 호출하면 페이지의 하단을 바라보고 있던 화면이 페이지 상단으로 올라가버리게 되는 이슈가 있다.

그래서 요즘엔..
<a href="javascript<x>:;">요런걸 사용하던구요.
클릭해도 아무것도 안한다는 거죠~~
<a href="javascript<x>:void(0);">요런것도 귀찮으니까 저렇게 하는거 같습니다.
물론 브라우저 상황표시줄엔 javascript<x>:;요렇게 나타나겠지만..(개인적으론 덜깔끔함.) 열심히 밑에까지 읽었는데.. 위로 올라가버리는 짜증스러운 상황을 만들진 않겠죠..

유저를 생각하는 마음이 듬뿍 느껴진다고 할까나..
물론.. 신경쓰는 사람은 별로 없겠지만..
네이버 메일도.. 다음 메일도 요렇게 쓰고 있답니다.

Share