[웹표준 및 웹접근성] a태그 작성법

a태그는 하나의 페이지에서 다른 페이지로 연결하는 데 사용되는 하이퍼 링크를 정의한다.

a요소의 가장 중요한 특성은 링크의 목적지를 나타내는 href 속성이다.

w3schools 에서는 위와 같이 정의하고 있다.
[http://www.w3schools.com/tags/tag_a.asp]

그러하므로 a태그는 꼭 href 속성이 따라와야하는 태그이다.

웹표준 및 웹접근성에 준하여 올바른 작성법을 알려주려한다. 보통 a태그에서 링크를 걸지 않고 #처리 한 후 단순 동작 버튼으로 사용할때가 있다. 이때

href="#" 과 같이 처리를 하는데

위와 같은 처리를 한 버튼을 눌럿을 시에 최상단으로 가는 현상이 발생한다. 그렇다고 예를 들어 strong, p, span 태그와 같은 것으로 대체하여 사용하였을 경우 tab으로 접근할 수 없기 때문에  접근성에 용이하지 못하다.

그러므로 아래와 같이 작성하도록 한다.

ex) 잘못된 예

1. <a href="#" onclick="myfunction()">

2. <a href="javascript:myfunction()">

ex) 올바른 예

<a href="#myfunction" onclick="myfunction();return false;" onkeypress="this.onclick;">