a태그, 손가락 표시 그리고 href 속성

a는 링크를 만드는 태그이다.

a 태그를 사용해서 href 속성 값으로 링크를 넣으면 해당 부분에 커서를 가져갈 시 자동으로 손가락 포인터가 생성된다.

그런데 a 태그없이 아래와 같이 css로 커서효과를 줄 수 도 있다.

main.css

cursor: pointer;

만약 a태그에서 href 속성을 지운다면 포인터 표시가 사라지고 키보드 tab으로 이동이 작동하지 않는다. 이때 포인터와 tab 문제가 발생하지 않도록 하려면 href 값으로 아래와 같이 작업한다.

href= "javascript:;"
<!-- 또는 -->
href= "javascript:void(0);"

References

a 태그 비활성화 하는 방법