XHTML 1.1 규정을 유지하면서 Div 요소를 클릭 가능하게 만들려면 어떻게 해야 합니까?

XHTML 1.1 규격을 준수하여 Div를 클릭 가능한 링크로 전환

시각적으로 풍부한

다양한 웹 개발 시나리오에서 기존 콘텐츠를 변경하지 않고 요소를 클릭 가능한 링크로 추가할 수 있습니다.

태그는 논리적으로 보일 수 있으며 XHTML 1.1 유효성 검사 표준을 충족하지 못합니다.

유효한 XHTML 1.1 솔루션 구현

이 문제를 해결하려면 다음과 같은 더 복잡한 솔루션이 필요합니다. XHTML 1.1 준수를 유지합니다.

요소의 경우 다음을 수행하는 것이 좋습니다.

• 기본 링크 만들기: 링크 요소()를
  이는 전체 요소에 대한 기본 링크 역할을 합니다.
• 빈 범위를 삽입합니다. 요소에는 빈 범위 태그()를 포함합니다.
• 요소 위치 지정: "위치:상대적;" 할당
  컨테이너를 사용하여 상대 위치 지정을 설정합니다.
• 범위에 대한 CSS: 빈 범위에 다음 CSS 속성을 적용합니다.

{ 
  position:absolute; 
  width:100%;
  height:100%;
  top:0;
  left: 0;

  z-index: 1;

  /* fixes overlap error in IE7/8, 
     make sure you have an empty gif */
  background-image: url('empty.gif');
}   

이 CSS는 다음을 보장합니다. 범위는 전체

클릭 가능한 링크 역할을 하여 사용자 접근성을 향상하고 XHTML 1.1 규정 준수를 유지합니다.