블록 수준 요소의 링크 만들기

Question

따라서 w3c 유효성 검사 도구에 따르면 div (특히 부동 소수점)를 앵커 태그로 묶는 것은 잘못된 태그입니다. 지금까지 테스트 한 모든 브라우저에서 작동하지만 (대부분의 휴대 전화 및 태블릿 포함) 더 나은 방법이 있습니까?

블럭 레벨 콘텐츠로 HTML4 < 버튼을 사용할 수 있다는 것을 알게되었습니다. 블록 레벨 콘텐츠를 사용할 수 있으며 잘 작동합니다. 그러나 이것을 링크로 만드는 올바른 방법은 무엇입니까? 나는이 링크에 자바 스크립트를 사용하지 않는 것을 선호한다.

나는 간단한 작업을 위해 추가 마크 업이 많은 작업 인 태그> 태그를 사용하는 것으로 생각했지만 Internet Explorer 6은 버튼을 제출 버튼으로 인식하지 못하기 때문에 링크가 아직 작동하지 않고 자바 스크립트. 설상가상으로 일부 링크는 라이트 박스에서 열어야합니다 - javascript를 사용하면 event.preventDefault()를 사용할 수 있지만 양식을 사용하여이를 어떻게 수행합니까?

블록 수준 요소에서 링크를 만드는 더 좋은 방법이 있습니까? 또는 거의 모든 브라우저에서 여전히 유효하기 때문에 (모든 단일 브라우저가 아닌 경우) 유효성 검사를 무시해야합니까?

Answer 1

검사기 확실히 (X) HTML4 잘못된 블록 수준 요소 감싸 플래그 링크 할 (HTML4를 사용하지만, HTML5 솔루션을 환영합니다), 그러나 이것은 인공 사용 케이스의 무언가가되었다. a 태그가있는 블록 수준 요소를 둘러싼 것은 오래된 브라우저에서도 일반적으로 잘 지원되는 연습으로, 실제로 무효라는 점에 대해 걱정할 필요가 없습니다.

HTML5 사양에는 거의 임의 링크가 포함됩니다. 즉, 블럭 레벨과 인라인의 많은 요소를 한 쌍의 a 태그로 둘러 쌀 수 있으며 브라우저는 태그 사이의 각 요소에 링크 대상을 적합하게 적용 할 수 있습니다. Bruce Lawson은 링크 동작에 대한 변경 사항에 대한 좋은 요약을 HTML5 Doctor에 작성했습니다.