>  기사  >  웹 프론트엔드  >  html에서 a 태그 href='#'와 href='###'의 차이점을 공유하세요.

html에서 a 태그 href='#'와 href='###'의 차이점을 공유하세요.

黄舟
黄舟원래의
2017-07-27 13:34:052520검색

우선 태그 + onclick='{jscode}'는 js를 사용하는 매우 일반적인 방법이며, href='javascript:{jscode}'를 사용하지 않는 것은 < a> 라벨은 다르게 해석되고 처리됩니다. 둘째, 태그 + onclick='{jscode}'를 사용하면 a href='###'이 추가되는 경우가 종종 있는데, 가끔 이 href='###'가 사용자가 '#'과 '###'의 차이를 이해하지 못하기 때문입니다.

간단히 말해서 페이지 상단으로 이동하지 않고 빈 링크를 정의하려면 href="###"라고 쓰면 됩니다. 자세한 설명은 '#' 뒤에 내용이 있으면 태그로 간주하고 해당 태그를 찾을 수 없으면 해당 태그로 이동한다는 것입니다. '## #'은 실제로는 의미 없는 태그 지정입니다. 즉, '#'이라는 이름의 #'이(가) 페이지에 없으면 링크가 발생하지 않습니다. onclick에서 콘텐츠를 실행할 때 페이지가 갑자기 페이지 상단으로 이동하지 않는 점프가 발생합니다. '###'은 사용자 습관일 뿐이고, 원하시면 이름으로 건너뛸 수 없는 라벨만 찾으셔도 됩니다. 직설적으로 말하면 "###"은 앵커가 아닌 문자열입니다. 브라우저가 이를 찾을 수 없으면 페이지 상단으로 이동하지 않는 것이 원칙입니다. 웹페이지를 찾을 수 없으면 처리하지 않습니다.

어떤 사람들은 "###"을 사용하면 링크가 바뀌기 때문에 싫어한다고 합니다. 항상 javascript:void(0) 또는 javascript:를 사용하세요. href="javascript:void(0);" 그러나 일부 사람들은 href="javascript:void(0);"을 사용하면 브라우저 호환성 문제가 발생할 수 있다고 말합니다. 페이지를 만들 때 링크를 클릭한 후 아무것도 하지 않거나 클릭에 대한 응답으로 다른 작업을 완료하려면 해당 속성을 href = "#"로 설정하면 됩니다. 그러나 페이지에 스크롤이 있는 경우 문제가 발생합니다. bar. 클릭하면 페이지 상단으로 돌아가는데 이는 사용자 경험이 좋지 않습니다.

javascript:void(0) 이 의사 프로토콜은 덜 작성되어야 합니다. 웹 표준 책을 읽어본 적이 있다면 그 이유를 알게 될 것입니다. 2. 링크(href)에 javascript:void(0)를 직접 사용하면 IE에서 gif 애니메이션이 재생되지 않는 등의 문제가 발생할 수 있습니다. 따라서 가장 안전한 방법은 "####"을 사용하는 것입니다. 링크를 클릭한 후 페이지 상단으로 이동하는 것을 방지하기 위해 onclick 이벤트가 false를 반환할 수 있습니다.

위 내용은 html에서 a 태그 href='#'와 href='###'의 차이점을 공유하세요.의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!