<a> 손가락, href 속성, 비활성화

a ::: 링크를 만드는 태그 

 

<a href="링크" ::: 해당 부분에 커서를 가져갈 시, 손가락 포인터가 생성된다

 

cursor: pointer; ::: a 태그 없이 css로 커서효과 

 

a 태그 기본특성 상 href 속성을 지운다면 포인터 표시가 사라지고 + 키보드[tab]으로 이동이 작동하지 않는다.

이때 해결방법

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

 

https://jihwan.gitbook.io/life101/html/a-href

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

 

 

• a태그 비활성화 :::

 

          <a href="#"></a>       ←  비 선호 (추후 관련내용 첨부예정)

 

          <a href="javascript:void(0)"></a>

          <a href="javascript:;"></a>

 

 

추가 개념 ::: 
Mozilla 공식 dev 문서 >> void 연산자는 주어진 식을 실행하고 undefined 를 반환합니다
https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Operators/void

void - JavaScript | MDN

 

 

a에서 href 자체를 없애고 따로 css포인터를 주는 방법   (비추천)

 

 

Mozilla 에서는 
javascript: 프로토콜 ::: 이벤트 핸들러의 대안이기 때문에 적극적으로 사용을 지양한다.
a태그 ::: 기본적으로 앵커 이므로, 이동되는 실제 링크가 있는 것이 이상적이다.
button 태그 ::: 링크가 없는 버튼 사용시 이용

 

 

 

 

• 전체 글 퍼옴 링크 ::: 

https://seulcode.tistory.com/319

a tag 비활성화 - disable a tag