Notice
Recent Posts
Recent Comments
Link
«   2024/05   »
1 2 3 4
5 6 7 8 9 10 11
12 13 14 15 16 17 18
19 20 21 22 23 24 25
26 27 28 29 30 31
Archives
Today
Total
관리 메뉴

web sprit

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

카테고리 없음

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

커드만 2014. 12. 4. 13:15

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;">


Comments