지운아빠가 답해주실 겁니다..ㅎㅎ

title 추가해보세요

title만 잘걸면 퍼머링크도 위배 되지 않는걸로 알고 있습니다.
그런데.. 아래처럼 해야 하지 않나요?

<a href="#id값">id이동</a>
<h2 id="id값"></h2>

<a href="#top">, <a href="#"> 을 사용을 안하시면되지 않을까요? 굳이 넣어서 void(0) 할필요가...

참고로 퍼머링크가 접근성에 위배될 가능성은 0.1%로 보고있습니다.
실제로 스크린ㄹㅣ더 사용자를 위해 본문건너뛰기도 퍼머링크로 되있죠

^^
K-WAH랑 WAX, w3을 끼고 사는 수 밖에 없더라구요.

a 태그 안에 href 속성이 # 으로 되어있는게 어긋나는 것이라는 거고 그게 궁금하시다는 말씀이시죠?

a 태그 안의 href 속성은 링크 될 url이 있어야 하는데
그렇지 않고 #으로 놓은 후 스크립트로 해당 링크를 눌렀을때 이동하게끔 한다거나 하는 처리를 해서 링크 href 속성을 대신하고 있다면 자바스크립트를 사용할수 없는 브라우저나 피치못해 자바스크립트를 제한하여 사용중인 사용자는 해당 게시글을 보지 못하겠죠.

음.. 그러니깐
저런 게시글 리스트가 아니더라도 a 링크의 원래 고유 기능은 죽이는 것은 좋은 방법이 아니며,
가끔 버튼을 a 링크로 만들어서 스크립트 제어하는 경우도 있는데
그 경우 역시 a 링크가 아닌 span, button 등으로 변경하여서 사용해야 합니다.

a 태그는 스크린리더에서도 링크로 인식하거든요.

<a href="#id값"><h2 id="id값"></a>
자체가 비정상적입니다.

a = inline element
h2 = block element

인라인엘리먼트가 블럭 엘리먼트를 감쌀 수 없죠.

그리고 a href="#"에 대한 내용
http://naradesign.net/wp/2007/07/11/123/

댓글도 참조 하시면 좋을 것 같습니다.