>  기사  >  웹 프론트엔드  >  HTML 페이지에서 a 태그의 href 속성을 생략할 수 있나요?

HTML 페이지에서 a 태그의 href 속성을 생략할 수 있나요?

黄舟
黄舟원래의
2017-07-27 13:38:084186검색

탭 전환을 위해 a 태그 그룹을 사용합니다. a 태그에 href="#"을 추가하면 a 태그를 클릭하면 항상 맨 위로 이동합니다. javascript:void(0) 클릭 응답 속도가 느려집니다. 가끔 멈춥니다. a 태그가 href에 추가되지 않으면 어떤 영향을 미치나요? 아니면 최적화에 어떤 영향을 미치나요?

실제로 href="#"인 경우 PreventDefault() 메서드를 통해 기본 링크 점프 동작을 방지할 수 있습니다
jQuery를 사용하는 경우 href 없이

$("#myLink").click(function () {    // Your event handlers here
    return false;
});

A할 수 있습니다. 그렇지 않으면 tabindex가 HTML 4로 탭되지 않습니다. href가 없지만 이름이 있는 a는 명명된 앵커로 간주됩니다. HTML 5는 href가 없는 a를 링크 자리 표시자로 간주합니다(어쨌든 브라우저에서도 동작은 동일합니다

javascript:void(0)는 중단됩니다). .정말 딱 님꺼인거같은데 왜 굳이 href를 붙여야하지? CSS 스타일과 같은 하이퍼링크의 일부 고유 속성은 손실됩니다. a 태그의 href는 실제로 작성될 수도 있고 작성되지 않을 수도 있습니다.

1.href="javascript:viod(0)"; 또는 href="javascript:;"

2.

a.onclick = function(){    return false;
}

3과 같은 클릭 이벤트를 설정하세요.

a.onclick = function(e){
    e.preventDefault ? e.preventDefault() : e.returnValue = false;
}

a 태그가 href 속성을 추가하지 않으면 웹사이트를 디자인할 때 단순히 불가능합니다. a 태그는 버튼과 같은 다른 작업을 수행하는 데 사용됩니다.

추가할 필요는 없지만 일부 브라우저 마우스 스타일에는 제스처가 없습니다. IE6에서는 또 다른 문제인 것 같습니다. href="javascript:void(0);"

추가할 필요는 없습니다. 하지만 href를 추가하지 않으면 다음으로 이동할 수 없습니다. 페이지에 제스처가 없습니다. 레이블을 추가하지 않으면 스팬과 유사하며... 상단으로 점프하는 것을 방지하려면 자바스크립트 이벤트 전달을 사용하면 됩니다. a 속성에 클릭 이벤트(예: 2cb538bde94c20cc9d8e4a58e7ed4408) 그런 다음 스크립트에 function a(event){ event.preventDefault() }를 작성하세요. a 태그를 사용하여 맨 위로 이동하는 것을 방지하거나 javascript:void(0)를 추가하면 막히는 느낌을 방지하려면 href="###"

을 쓸 수 있습니다.

위 내용은 HTML 페이지에서 a 태그의 href 속성을 생략할 수 있나요?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.