본문 바로가기

Study/UI

[html] <a> 태그 링크 관련

함수로 동작하는 링크작성 관련해서 비추천하는 작성 방법
<a href="/eSecurity/extNet/EntManage/Pass/extRegularPassGuide.jsp" onclick="javascript:goMenu('3'); return false;"></a>
<a href="#" onclick="javascript:goMenu('3');"></a>

추천 작성방법
<a href="javascript:goMenu('1')"></a>

이유는
1. 일부환경에서 함수 밖의 리턴을 오류로 뱉는경우가 있다.
2. url에 # 해시태그를 붙이는경우 redirection 을 막는 경우인데 페이지를 이동시킬경우 페이지가 이동하는 시점이 막혀버릴 수 있다. 즉, 시점이 꼬이는 경우가 종종 있다. 파싱이나 동작시점은 브라우저마다 각각 다르기 때문

비추천 작성법을 쓰는 사람들의 특징은 함수는 onclick에 넣어야되고, url만 href에 넣어야된다는 표준 강박증이 있는듯 하다.
그러나 웹표준에 전혀 위해되지 않으며 url 이나 redirection 에 관한 동작이 함수에의해 정의될 수도 있다.

진짜 쓸데없는 오류와 씨름하고 싶지않으면, 동작 자체를 그냥 바로 수행 할 수 있도록 작성하는게 바람직



또한
<a class="link"></a> 링크 작성 후
$('.link').click(function(){
});
으로 정의하는 경우에는

<a class="link" href="javascript:;"></a> 비어있는 href 속성을 주어야 키보드로 접근이 가능해 웹접근성에 위배되지 않는다.
비어있는 href="#" 해시태그는 비추천 하는 바이다.