<a> 링크 자바스크립트 넣을때 어떤 방법이 좋을까?

a태그에서 자바스크립트를 실행할 때 다양한 방법들이 있는데 어떤 방법이 좋을까요?

<a href="javascript:;" onclick="return DoSomething();">link</a>

<a href="javascript:return DoSomething();">link</a>

<a href="javascript:void(0);" onclick="return DoSomething();">link</a>

<a href="#" onclick="return DoSomething();">link</a>

웹 접근성 측면과 SEO를 고려해 본다면 a태그 href 속성에 접근할 수 있는 url 이 필요합니다.

javascript로 처리하는 것 외에 실제 페이지 접속을 통해 처리할 수 있는 방법을 제공하는 것이 좋습니다.

<a href="hello-world.html" onclick="doSomething(); return false;">go</a>

자바스크립트를 이용하지 않고 실제 페이지를 제공하기 어려운 경우 javascript_required.html과 같은 페이지를 생성해두고 안내를 하는 것이 좋을것 같습니다.

<a href="javascript_required.html" onclick="doSomething(); return false;">go</a>

페이지의 전환이 전혀 들어가지 않고 데이터 처리만을 위해 javascript를 사용하는 거라면 a태그를 사용하지 말고 대신 button 태그를 사용합니다. (span 태그로 할 경우 focusing이 되지 않기 때문에 웹 접근성에 문제가 발생할 수 있음)

<button onclick="doSomething()">데이터처리</button>

<input type="button" onclick="doSomething()" value="데이터처리"></a>