HTML에서 전체 표 셀을 클릭 가능하게 만들려면 어떻게 해야 합니까?-CSS 튜토리얼-php.cn

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

Patricia Arquette

풀어 주다： 2024-11-12 02:08:02

원래의

425명이 탐색했습니다.

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 중국어 웹사이트의 기타 관련 기사를 참조하세요!