>웹 프론트엔드 >CSS 튜토리얼 >HTML에서 전체 표 셀을 클릭 가능하게 만들려면 어떻게 해야 합니까?

HTML에서 전체 표 셀을 클릭 가능하게 만들려면 어떻게 해야 합니까?

Patricia Arquette
Patricia Arquette원래의
2024-11-12 02:08:02475검색

How Can I Make an Entire Table Cell Clickable in HTML?

전체 표 셀 하이퍼링크

HTML에서

JavaScript가 없는 솔루션

의미상으로는 올바르지 않지만 가능합니다. 내용이 전체 셀을 채우도록 하여 전체 하이퍼링크를 생성하는 데 사용되는 요소는 CSS를 사용하여 블록 수준 요소로 만들어야 합니다.

예:

<td >
  <a href="http://example.com">
    <div>

Internet Explorer용 대체(비권장) 솔루션

참고: 이 솔루션은 권장되지 않으며 특정 시나리오에 대한 대체 수단으로만 권장됩니다.

Internet Explorer와의 호환성이 중요한 경우 비표준 접근 방식을 사용할 수 있습니다. 사용하세요:

<table>
  <tr>
    <a href="http://example.com"><td width="200">Hello world</td></a>
  </tr>
</table>

이 솔루션은 Internet Explorer에서는 제대로 작동하지만 다른 브라우저에서는 링크를 렌더링하지 않습니다.

위 내용은 HTML에서 전체 표 셀을 클릭 가능하게 만들려면 어떻게 해야 합니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

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