[html] href 속성이없는 앵커 태그가 안전한가요?


Answers

괜찮 으면서 동시에 일부 브라우저가 느려질 수 있습니다.

http://webdesignfan.com/yslow-tutorial-part-2-of-3-reducing-server-calls/

내 충고는 <a href="#"> </a>을 사용하는 것입니다.

JQuery를 사용한다면 다음과 같이 사용하는 것도 잊지 마십시오.

.click(function(event){
    event.preventDefault();
    // Click code here...
});
Question

href 속성을 포함하지 않고 앵커 태그를 사용하고 JavaScript 클릭 이벤트 핸들러를 사용하는 것이 좋습니까? 그래서 href 완전히 생략하고 비어 있지 않습니다 ( href="" ).




접근성 관점에서 href가없는 <a> 는 탭으로 표시 할 수 없으며 모든 링크에는 탭이 있어야합니다. 따라서 href가없는 경우 tabindex = '0'을 추가하십시오.




태그는 href 속성없이 사용할 수 있습니다. 여기에있는 많은 답변과 달리, href가 없을 때 앵커를 만드는 표준적인 이유가 실제로 있습니다. 의미 상 "a"는 앵커 또는 링크를 의미합니다. 당신이 그 의미를 따르는 어떤 것을 위해 그것을 사용한다면, 당신은 괜찮습니다.

href가없는 a 태그의 표준 사용법 중 하나는 명명 된 링크를 만드는 것입니다. 이렇게하면 name = blah 인 앵커를 사용할 수 있으며 나중에 href = # blah로 앵커를 만들어 현재 페이지의 명명 된 섹션에 연결할 수 있습니다. 그러나 동일한 방식으로 ID를 사용할 수도 있기 때문에이 기능은 더 이상 사용되지 않습니다. 예를 들어, id = header와 함께 header 태그를 사용할 수 있고 나중에 href = # header를 가리키는 앵커를 가질 수 있습니다.

그러나 내 요점은 name 속성을 사용하여 제안하는 것이 아닙니다. href가 필요하지 않은 유스 케이스 하나만을 제공하고, 왜 그렇게 필요하지 않은지 추론합니다.




일부 브라우저에서는 href 태그를 지정하지 않으면 문제가 발생합니다. 다음과 같이 코드를 작성하는 것이 좋습니다.

<a href="#" onclick="yourcode();return false;">Link</a>

당신은 yourcode ()를 당신 자신의 함수 나 로직으로 대체 할 수 있지만 return false를 추가하는 것을 잊지 마십시오; 성명서 끝에.




Related